/* Exact Home artifact styles. Loaded only on Home-New. */

/* light-hero.css */
/* Homepage direction refined from the shared reference: light editorial opening, navy authority, brass accents. */
.sk-artifact-home-new .hero{position:relative;background:radial-gradient(#e6ded0 1px,transparent 1px) 0 0/18px 18px,#fbfaf7;color:var(--ink);padding-bottom:0;overflow:visible}
.sk-artifact-home-new .hero-grid{min-height:560px;padding:42px 0 0;align-items:center;grid-template-rows:1fr}
.sk-artifact-home-new .hero-grid>div:first-child{align-self:center}
.sk-artifact-home-new .hero h1{color:var(--ink);font-size:clamp(48px,5.8vw,74px)}
.sk-artifact-home-new .hero p{color:#53636d;max-width:625px}
.sk-artifact-home-new .hero .eyebrow{display:inline-block;background:#eee4d1;border-radius:999px;padding:7px 13px;color:var(--ink);letter-spacing:.1em}
.sk-artifact-home-new .hero .button{background:var(--night);border-color:var(--night)}
.sk-artifact-home-new .hero .button.ghost{background:white;border-color:#d7dce0;color:var(--night)}
.sk-artifact-home-new .portrait{height:450px;border:12px solid white;border-radius:3px 3px 0 0;box-shadow:0 18px 36px rgba(16,31,46,.16);background:linear-gradient(145deg,#75848d,#253a4a 56%,#0e1d2a)}
.sk-artifact-home-new .portrait:before{background:#c5a45f;opacity:.88}
.sk-artifact-home-new .portrait label{background:var(--night);bottom:0;left:0;right:0;padding:17px 20px;color:white;letter-spacing:.1em}
.sk-artifact-home-new .hero:after{content:"TESTED CORPORATE CREDENTIALS  ·  KITPLY  ·  GOODYEAR  ·  EXL  ·  HP  ·  EMC²  ·  NASSCOM  ·  VIRTUAL FOREST  ·  TESTED CORPORATE CREDENTIALS  ·  KITPLY  ·  GOODYEAR  ·  EXL  ·  HP  ·  EMC²  ·  NASSCOM  ·  VIRTUAL FOREST  ·";position:absolute;bottom:0;left:0;width:200%;padding:15px 0;background:var(--night);color:#f1ddae;font:700 11px var(--sans);letter-spacing:.08em;white-space:pre;animation:credentials-ribbon 28s linear infinite}
@keyframes credentials-ribbon{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.sk-artifact-home-new .hero:after{animation:none;width:100%;white-space:normal;text-align:center}}
/* Single-line lockup: taller padding keeps the brass block visually centred
   in the 84px header now that the second line is gone. */
.site-header .mark{background:#c5a45f;color:#3a2c12;padding:22px 26px;margin-left:-26px;font:700 17px var(--sans);letter-spacing:.02em}

@media(max-width:800px){.sk-artifact-home-new .hero-grid{padding-top:28px}.site-header .mark{margin-left:0;padding:14px 15px;font:700 15px var(--sans)}.sk-artifact-home-new .portrait{height:350px}}


/* blog-masonry.css */
/* Editorial archive: medium visual lead, masonry rhythm, usable filters and pagination. */
#blog .page-hero{padding-bottom:54px}
#blog .archive-grid{grid-template-columns:minmax(0,1fr) 270px;gap:46px}
#blog .search{border:0;border-bottom:1px solid #aeb9be;background:transparent;padding:14px 0;font:18px var(--serif)}
#blog .post-list{display:block;column-count:2;column-gap:20px;margin-top:26px}
#blog .post-card{--card-img:none;display:inline-block;width:100%;break-inside:avoid;margin:0 0 20px;padding:0 0 27px;background:white;border:0;box-shadow:0 5px 18px rgba(13,29,43,.07)}
#blog .post-card::before{content:"";display:block;height:178px;background:var(--card-img) center/cover no-repeat,linear-gradient(145deg,rgba(10,25,37,.15),rgba(10,25,37,.03)),linear-gradient(120deg,#b9954d,#e3d5b5)}
#blog .post-card:nth-child(2)::before{height:218px}
#blog .post-card:nth-child(3)::before{height:156px}
#blog .post-card:nth-child(4)::before{height:198px}
#blog .post-card:nth-child(5)::before{height:172px}
#blog .post-card:nth-child(6)::before{height:228px}
#blog .post-card .tag,#blog .post-card h2,#blog .post-card p{margin-left:26px;margin-right:26px}
#blog .post-card .tag{display:block;margin-top:22px}
#blog .post-card h2{font-size:29px;margin-top:13px;margin-bottom:11px}
#blog .post-card p{font-size:14px;line-height:1.55}
#blog .post-card::after{content:"Read insight  →";display:block;margin:22px 26px 0;color:var(--ink);font:700 11px var(--sans);letter-spacing:.08em;text-transform:uppercase}
.pagination{display:flex;align-items:center;gap:8px;margin:42px 0 0;column-span:all}
.pagination button{width:38px;height:38px;border:1px solid #cdd4d5;background:transparent;color:var(--ink);cursor:pointer;font:700 12px var(--sans)}
.pagination button.current{background:var(--night);border-color:var(--night);color:white}
.pagination button.next{width:auto;padding:0 14px}
#blog .sidebar{border-top:0;background:#ece7dc;padding:26px;top:104px}
#blog .sidebar:before{content:"Executive perspective";display:block;color:var(--brass);font:700 10px var(--sans);letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px}
#blog .blog-sidebar{display:grid;gap:28px}
#blog .blog-sidebar:before{display:none}
#blog .sidebar-block{padding-top:18px;border-top:2px solid var(--brass)}
#blog .sidebar-block h3{margin:9px 0 12px}
#blog .sidebar-link{width:100%;display:flex;justify-content:space-between;gap:12px;padding:12px 0;border:0;border-top:1px solid var(--mist);background:transparent;color:var(--ink);cursor:pointer;font:600 13px/1.35 var(--sans);text-align:left}
#blog .sidebar-link span{color:var(--brass)}
#blog .sidebar-cta{padding:22px;background:var(--night);color:white}
#blog .sidebar-cta p{margin:8px 0 15px;color:#dce3e6;font:20px/1.2 var(--serif)}
#blog .sidebar-cta .text-link{padding:0;color:#e5c38d}
@media(max-width:800px){#blog .archive-grid{grid-template-columns:1fr}#blog .sidebar{position:static}#blog .post-list{column-count:2}}
@media(max-width:520px){#blog .post-list{column-count:1}#blog .post-card::before{height:190px!important}}


/* article-refinements.css */
/* Keeps editorial emphasis subordinate to the article itself. */
.article-page,.article-page button,.article-page input{font-family:var(--serif)}
.article-page .text-link,.article-page .crumb,.article-page .article-meta,.article-page .comments input{font-family:var(--sans)}
.article-page .pull{margin:26px 0;padding:15px 21px;border-left:3px solid var(--brass);background:rgba(255,255,255,.28);font:italic 19px/1.38 var(--serif)}
.article-page .next-prev{margin:48px 0 40px;gap:14px}
.article-page .next-prev button,.article-page .next-prev .nav-arrow,.article-page .next-prev .nav-title{font-family:var(--sans)}
.article-page .next-prev button{height:82px;padding:13px 20px;background:transparent;border:2px solid var(--ink);font:400 15px var(--sans);letter-spacing:0;display:flex;flex-direction:column;justify-content:center}
.article-page .next-prev button:last-child{text-align:right}
.article-page .next-prev button:hover{background:var(--night);color:white}
.article-page .next-prev .nav-arrow{display:block;font-size:14px;font-weight:400}
.article-page .next-prev .nav-title{display:block;margin-top:9px;font:700 15px/1.12 var(--sans);letter-spacing:0;white-space:nowrap}
@media(max-width:520px){.article-page .pull{font-size:18px;padding:14px 17px}.article-page .next-prev button:last-child{text-align:left}.article-page .next-prev .nav-title{font-size:13px}}


/* article-featured-image.css */
/* Each single-post view now renders its own real featured image, sourced per
   post from assets/blog/ via the POSTS data array (see blog-render.js). */
.article-page .featured-image{
  margin:24px 0 30px;
  border:1px solid rgba(24,34,46,.14);
  background:#fff;
}

.article-page .featured-image img{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
}

@media(max-width:520px){
  .article-page .featured-image{margin:20px 0 26px;}
}


/* portrait-hero.css */
/* Original photograph, with the selected warm backdrop and its fine line shifted left. */
.sk-artifact-home-new .portrait{height:480px;position:relative;overflow:visible;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;isolation:isolate;align-self:end;margin-bottom:0}
.sk-artifact-home-new .portrait:before,.sk-artifact-home-new .portrait:after{display:none}
.sk-artifact-home-new .portrait-outline{display:block;position:absolute;z-index:0;left:78px;top:-46px;width:63%;height:75%;border:1px solid rgba(183,139,71,.74);border-radius:148px 148px 0 0;background:transparent}
.sk-artifact-home-new .portrait-brown{display:block;position:absolute;z-index:1;left:120px;top:-46px;width:67%;height:70%;border-radius:150px 150px 0 0;background:linear-gradient(145deg,#c8a35d,#b78b47)}
.sk-artifact-home-new .portrait>img{display:block;position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:none}
.sk-artifact-home-new .portrait>img.latest-hero-portrait{inset:auto 14px 0 auto;width:auto;height:106%;object-position:right bottom}
@media(max-width:800px){.sk-artifact-home-new .portrait{height:420px}}


/* credentials-strip.css */
/* Home — proof-of-experience band.

   This section now uses the site's standard section header (.kicker /
   .title / .lead, left aligned) exactly like "The executive journey" above
   it and "How I help" below it. An earlier version centred its own headings
   at their own sizes, which made the band read as a foreign object dropped
   between two sections rather than part of the same document.

   The marks sit in a ruled 3 x 3 grid. Nine logos divide evenly into three
   columns, so every cell is filled and the block has a defined edge on all
   four sides — logos floating in open space with no container were the
   "hanging in the air" problem. Hairlines come from a 1px grid gap showing
   the container colour through, which keeps every rule exactly 1px with no
   doubling where cells meet.

   Colour is retained here (the About page rail is muted to grey) because on
   the home page these marks do recognition work. */

.sk-artifact-home-new .hero{padding-bottom:0}
.sk-artifact-home-new .hero:after{content:none;animation:none}

.credentials-strip{
  background:var(--surface);
  border-top:1px solid var(--surface-border);
  border-bottom:1px solid var(--surface-border);
}
.credentials-strip .lead{margin:0 0 34px}

/* The progression arrows in the title. Drawn as an SVG rather than a font
   glyph: the → character carries almost no weight in the sans face, so
   font-weight couldn't thicken it. A stroked path gives a controllable,
   genuinely heavy arrowhead in deep brass that stays crisp at the headline
   size, reading as a deliberate connector between the four stages. */
.credentials-strip .title .cs-flow{
  display:inline-block;
  width:.61em;height:.34em;
  margin:0 .16em;
  vertical-align:middle;
  color:var(--brass);
  fill:none;
  stroke:currentColor;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Clean 3x3 grid, no rules — logos sit on the section ground. */
.credentials-marks{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px 0;
}
.cred-cell{
  display:flex;align-items:center;justify-content:center;
  padding:16px 20px;
  background:transparent;
}
/* One shared height with object-fit means logos of different aspect ratios
   sit at the same optical weight without being stretched.
   Desaturated on purpose: nine full-colour marks pulled the eye harder than
   the headline above them, inverting the hierarchy and reading flashy. Grey
   keeps the recognition while letting the section title lead. */
.credential-logo{
  display:block;width:auto;max-width:100%;height:36px;
  object-fit:contain;
  filter:grayscale(1);opacity:.82;
  mix-blend-mode:multiply;
}
/* Optical balance only — these read small or large at the shared height. */
.logo-kitply,.logo-goodyear,.logo-nasscom{height:39px}
.logo-sibm{height:35px}
/* Virtual Forest and TimesPro nudged up ~5% — they read a touch small next
   to their row-mates at the shared height. */
.logo-vforest{height:38px}
.logo-timespro{height:35px}

@media(max-width:900px){
  .cred-cell{padding:22px 16px}
  .credential-logo{height:31px}
  .logo-kitply,.logo-goodyear,.logo-nasscom{height:34px}
  .logo-sibm{height:30px}
  .logo-timespro{height:28px}
}

/* Three columns are kept all the way down: nine marks stay a filled 3 x 3
   on a phone, where dropping to two would leave a ragged final row. */
@media(max-width:600px){
  .cred-cell{padding:17px 10px}
  .credential-logo{height:24px}
  .logo-kitply,.logo-goodyear,.logo-nasscom{height:26px}
  .logo-sibm{height:23px}
  .logo-timespro{height:21px}
}


/* home-color-system.css */
/* Home-page colour system: paper, shared warm surface, ink, navy and brass only. */
:root{--surface:var(--sk-sand-x,#e8e3d9);--surface-border:#cdc5b9;--body-copy:#536169}
/* Alternating grounds top to bottom: every section differs from its
   neighbours. Tan (surface) and light (ivory / white) trade off T-L-T-L so
   no two sections merge. Cards flip with their section — on a tan section
   cards go white, on a light section they carry a hairline so they still
   read as cards.
     T: stats, credentials, services, insights
     L: story, mba-classroom (white), testimonials, media                 */
.sk-artifact-home-new .stats,.sk-artifact-home-new .credentials-strip,.sk-artifact-home-new .services,.sk-artifact-home-new .home-insights{background:var(--surface)}
.sk-artifact-home-new .stats{border-top:1px solid var(--night)}
.sk-artifact-home-new .stats .stat{border-color:var(--surface-border)}
.sk-artifact-home-new .credentials-strip{border-color:var(--surface-border)}
/* Light sections use white (not ivory) so the tan/white step is actually
   visible — ivory and surface were too close to read as alternation. */
.sk-artifact-home-new #story,.sk-artifact-home-new .test-home,.sk-artifact-home-new .home-media{background:var(--paper)}
/* Cards always take the opposite ground to their section, so they never
   melt in: white cards on the tan sections, tan cards on the white ones. */
.sk-artifact-home-new .service{background:var(--paper)}
.sk-artifact-home-new .service p,.sk-artifact-home-new .lead{color:var(--body-copy)}


/* testimonials.css */
/* Testimonials page: one spotlight quote set in oversized serif, then the
   remaining five in a staggered masonry so card heights follow quote length.
   Same column-count technique as blog-masonry.css, so the two archives share a
   visual language. No new colours or fonts — brass hairline, paper, ink. */

#testimonials .page-hero{padding-bottom:76px}
#testimonials .section{padding-top:0}

/* ---------- spotlight ---------- */

#testimonials .t-spotlight{
  max-width:940px;margin:-58px auto 0;position:relative;
  background:var(--paper);padding:62px 68px 54px;
  border-top:2px solid var(--brass);
  box-shadow:0 18px 44px rgba(13,29,43,.09);
}
#testimonials .t-spot-label{
  color:var(--brass);font:700 10px var(--sans);
  letter-spacing:.19em;text-transform:uppercase;
}
#testimonials .t-spotlight blockquote{
  margin:26px 0 0;color:var(--ink);
  font:clamp(27px,3.3vw,42px)/1.2 var(--serif);letter-spacing:-.025em;
}
#testimonials .t-spotlight .t-attrib{
  margin-top:44px;padding-top:24px;border-top:1px solid var(--mist);
}

/* ---------- filter tabs ---------- */

#testimonials .t-tabs{
  margin:78px 0 34px;padding-bottom:26px;border-bottom:1px solid var(--mist);
}
#testimonials .t-tabs button{background:var(--paper)}
#testimonials .t-tabs button.on{background:var(--ink);border-color:var(--ink);color:white}

/* ---------- masonry grid ---------- */

#testimonials .t-grid{column-count:2;column-gap:24px}
#testimonials .t-card{
  display:inline-block;width:100%;break-inside:avoid;
  margin:0 0 24px;padding:38px 40px 34px;
  background:var(--paper);border-top:3px solid var(--brass);
}
#testimonials .t-card blockquote{
  margin:0;color:var(--ink);
  font:clamp(21px,1.85vw,25px)/1.33 var(--serif);letter-spacing:-.012em;
}
#testimonials .t-card figcaption{margin:0}
#testimonials .t-card .t-attrib{
  margin-top:32px;padding-top:21px;border-top:1px solid var(--mist);
}

/* ---------- shared attribution ---------- */

#testimonials .t-name{
  color:var(--ink);font:700 12px var(--sans);
  letter-spacing:.15em;text-transform:uppercase;
}
#testimonials .t-role{
  margin-top:8px;color:var(--muted);font:14px/1.4 var(--sans);
}

/* ---------- responsive ---------- */

@media(max-width:900px){
  #testimonials .t-spotlight{padding:48px 40px 42px;margin-top:-44px}
  #testimonials .t-grid{column-gap:20px}
  #testimonials .t-card{padding:32px 30px 30px;margin-bottom:20px}
}
@media(max-width:800px){
  #testimonials .page-hero{padding-bottom:62px}
  #testimonials .t-grid{column-count:1}
  #testimonials .t-tabs{margin-top:56px}
}
@media(max-width:500px){
  #testimonials .t-spotlight{padding:36px 24px 32px;margin-top:-34px}
  #testimonials .t-card{padding:28px 24px 26px}
}


/* media.css */
/* Media & press: the clippings are newspaper and magazine scans, so every image
   sits inside a paper-white mat with a hairline border — pinned artefacts rather
   than photographs bleeding to the card edge. Items with no online record are
   rendered as <article>, so nothing here is a dead link. */

#media .page-hero{padding-bottom:72px}
#media .section{padding-top:0}

/* ---------- featured clipping ---------- */

#media .m-feature{
  display:grid;grid-template-columns:1.02fr .98fr;
  margin:-52px 0 0;background:var(--paper);
  box-shadow:0 18px 44px rgba(13,29,43,.09);
}
#media .m-feature-art{
  padding:34px;background:var(--surface);
  display:flex;align-items:center;justify-content:center;
}
#media .m-feature-art img{
  display:block;width:100%;max-height:440px;object-fit:contain;
  background:var(--paper);padding:12px;border:1px solid var(--mist);
}
#media .m-feature-copy{padding:54px 52px}
#media .m-feature-outlet{
  margin-top:18px;color:var(--ink);
  font:700 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;
}
#media .m-feature h2{
  margin:14px 0 18px;color:var(--ink);
  font:clamp(28px,2.7vw,36px)/1.1 var(--serif);letter-spacing:-.028em;
}
#media .m-feature .lead{font-size:16px;max-width:none}
#media .m-feature-meta{
  margin:26px 0 28px;padding-top:18px;border-top:1px solid var(--mist);
  color:var(--muted);font:700 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;
}
#media .m-feature .button{text-decoration:none}

/* ---------- filter tabs ---------- */

#media .m-tabs{
  margin:76px 0 32px;padding-bottom:26px;border-bottom:1px solid var(--mist);
}
#media .m-tabs button{background:var(--paper)}

/* ---------- clipping grid ---------- */

#media .m-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
#media .m-item{
  display:flex;flex-direction:column;
  background:var(--paper);border:1px solid var(--mist);
  color:inherit;text-decoration:none;
  transition:border-color .25s ease;
}
a.m-item:hover,a.m-item:focus-visible{border-color:var(--brass)}
a.m-item:focus-visible{outline:2px solid var(--brass);outline-offset:2px}

#media .m-thumb{padding:16px 16px 0}
#media .m-thumb img{
  display:block;width:100%;height:200px;
  object-fit:cover;object-position:top center;
  border:1px solid var(--mist);background:var(--paper);
}
#media .m-body{padding:22px 22px 20px;display:flex;flex-direction:column;flex:1}
#media .m-badge{
  color:var(--brass);font:700 10px var(--sans);
  letter-spacing:.17em;text-transform:uppercase;
}
#media .m-outlet{margin-top:11px;font:19px/1.15 var(--serif);color:var(--ink)}
#media .m-title{
  margin:9px 0 0;flex:1;
  color:var(--muted);font:14px/1.5 var(--sans);
}
#media .m-meta{
  margin-top:20px;padding-top:13px;border-top:1px solid var(--mist);
  display:flex;justify-content:space-between;gap:12px;
  font:700 10px var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);
}
#media .m-go{color:var(--brass)}
#media .m-go-off{color:var(--muted);font-weight:400;letter-spacing:.09em;text-transform:none}
#media .m-item.is-static{background:var(--paper)}

/* ---------- press kit ---------- */

#media .m-presskit{
  margin-top:62px;padding:52px 54px;background:var(--night);color:white;
  display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;
}
#media .m-presskit .kicker{color:var(--brass)}
#media .m-presskit h2{
  margin:13px 0 12px;color:white;
  font:32px/1.1 var(--serif);letter-spacing:-.03em;
}
#media .m-presskit p{margin:0;max-width:640px;color:#ced9de;font-size:15px;line-height:1.6}
#media .m-presskit .m-presskit-status{
  display:inline-block;margin-top:16px;padding:7px 12px;
  border:1px solid var(--brass);color:var(--brass);
  font:700 10px var(--sans);letter-spacing:.16em;text-transform:uppercase;
}

/* ---------- responsive ---------- */

@media(max-width:960px){
  #media .m-grid{grid-template-columns:repeat(2,1fr)}
  #media .m-feature-copy{padding:42px 38px}
}
@media(max-width:800px){
  #media .page-hero{padding-bottom:58px}
  #media .m-feature{grid-template-columns:1fr;margin-top:-40px}
  #media .m-feature-art{padding:26px}
  #media .m-feature-art img{max-height:340px}
  #media .m-tabs{margin-top:54px}
  #media .m-presskit{grid-template-columns:1fr;gap:26px;padding:40px 32px}
}
@media(max-width:500px){
  #media .m-grid{grid-template-columns:1fr}
  #media .m-thumb img{height:220px}
  #media .m-feature-copy{padding:34px 24px}
  #media .m-presskit{padding:34px 24px}
}

/* The two-line heading is a deliberate break at desktop width. Below 660px
   the line already wraps naturally, so the forced break would leave a stray
   short line — suppress it there. */
@media(max-width:660px){
  #media .page-hero h1 br{display:none}
}


/* home-sections.css */
/* Home page: testimonial carousel, selected insights, press-clipping strip.
   Scoped entirely to .sk-artifact-home-new and only to these three sections — the hero, stats
   band, services grid and faculty score are untouched.

   Discipline: paper, ivory, warm surface, night and one brass accent. No new
   colours, no new fonts, no decorative gradients. Whitespace and type hierarchy
   carry the weight. */

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* ---------- shared section header ---------- */

.sk-artifact-home-new .sec-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:48px;
  margin-bottom:46px;padding-bottom:26px;border-bottom:1px solid var(--mist);
}
.sk-artifact-home-new .sec-head .title{margin:13px 0 0}
.sk-artifact-home-new .sec-head .lead{margin:14px 0 0}
/* One CTA treatment across testimonials, insights and press: a solid
   rectangle that inverts against whichever ground it sits on. */
.sk-artifact-home-new .sec-head-link{
  flex:0 0 auto;
  padding:13px 19px;
  background:var(--night);border:1px solid var(--night);color:#fff;
  white-space:nowrap;cursor:pointer;
  font:700 12px var(--sans);letter-spacing:.02em;
  transition:background .2s,color .2s;
}
.sk-artifact-home-new .sec-head-link:hover,.sk-artifact-home-new .sec-head-link:focus-visible{
  background:transparent;color:var(--night);border-color:var(--night);
}
.sk-artifact-home-new .sec-head-link:focus-visible{outline:2px solid var(--brass);outline-offset:2px}

/* =========================================================
   C1 — testimonial carousel
   ========================================================= */



.sk-artifact-home-new .home-quotes{
  position:relative;background:var(--paper);
  border-top:3px solid var(--brass);padding:46px 50px 34px;
}
.sk-artifact-home-new .hq-head{display:flex;align-items:center;justify-content:space-between;gap:24px}
.sk-artifact-home-new .hq-rule{display:block;width:46px;height:1px;background:var(--brass)}
.sk-artifact-home-new .hq-count{
  color:var(--muted);font:700 11px var(--sans);letter-spacing:.19em;
}
.sk-artifact-home-new .hq-count b{color:var(--ink)}

.sk-artifact-home-new .hq-stage{display:grid;margin:30px 0 0}
.sk-artifact-home-new .hq-stage:focus-visible{outline:2px solid var(--brass);outline-offset:14px}
.sk-artifact-home-new .hq-slide{
  grid-area:1/1;margin:0;
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .5s ease,transform .5s ease,visibility .5s;
}
.sk-artifact-home-new .hq-slide.is-on{opacity:1;visibility:visible;transform:none}
.sk-artifact-home-new .hq-slide blockquote{
  margin:0;color:var(--ink);
  font:clamp(23px,2.15vw,30px)/1.3 var(--serif);letter-spacing:-.02em;
}
.sk-artifact-home-new .hq-slide figcaption{margin:0}
.sk-artifact-home-new .hq-slide .t-attrib{margin-top:30px}
.sk-artifact-home-new .hq-slide .t-name{
  color:var(--ink);font:700 11px var(--sans);
  letter-spacing:.16em;text-transform:uppercase;
}
.sk-artifact-home-new .hq-slide .t-role{margin-top:7px;color:var(--muted);font:14px/1.4 var(--sans)}

.sk-artifact-home-new .hq-controls{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-top:34px;padding-top:20px;border-top:1px solid var(--mist);
}
.sk-artifact-home-new .hq-dots{display:flex;align-items:center;gap:9px}
.sk-artifact-home-new .hq-dot{
  width:9px;height:9px;padding:0;border:1px solid var(--muted);border-radius:999px;
  background:transparent;opacity:.45;cursor:pointer;
  transition:width .3s ease,background .3s ease,border-color .3s ease,opacity .3s ease;
}
.sk-artifact-home-new .hq-dot:hover{opacity:.8}
.sk-artifact-home-new .hq-dot.is-on{width:26px;opacity:1;background:var(--brass);border-color:var(--brass)}
.sk-artifact-home-new .hq-dot:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.sk-artifact-home-new .hq-arrows{display:flex;gap:8px}
.sk-artifact-home-new .hq-arrow{
  width:40px;height:40px;padding:0;cursor:pointer;
  border:1px solid var(--mist);background:transparent;color:var(--ink);
  font:20px/1 var(--serif);transition:background .25s ease,border-color .25s ease,color .25s ease;
}
.sk-artifact-home-new .hq-arrow:hover{background:var(--night);border-color:var(--night);color:white}
.sk-artifact-home-new .hq-arrow:focus-visible{outline:2px solid var(--brass);outline-offset:2px}

/* =========================================================
   C2 — selected insights
   ========================================================= */

.sk-artifact-home-new .home-insights .insights-grid{gap:26px}
.sk-artifact-home-new .home-insight{
  display:flex;flex-direction:column;
  background:var(--paper);border-top:2px solid var(--ink);padding-top:0;
  cursor:pointer;transition:border-top-color .3s ease;
}
.sk-artifact-home-new .home-insight:hover,.sk-artifact-home-new .home-insight:focus-visible{border-top-color:var(--brass)}
.sk-artifact-home-new .home-insight:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.sk-artifact-home-new .hi-img{overflow:hidden;aspect-ratio:3/2;background:var(--surface)}
.sk-artifact-home-new .hi-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.sk-artifact-home-new .hi-img-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#d8d1c3,#f4f0e8)}
.sk-artifact-home-new .hi-img-fallback span{font:700 11px/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#59626d}
.sk-artifact-home-new .home-insight:hover .hi-img img{transform:scale(1.035)}
.sk-artifact-home-new .hi-body{display:flex;flex-direction:column;flex:1;padding:24px 26px 26px}
.sk-artifact-home-new .home-insight h3{
  margin:13px 0 10px;color:var(--ink);
  font:26px/1.16 var(--serif);letter-spacing:-.018em;
}
.sk-artifact-home-new .home-insight p{
  margin:0;flex:1;color:var(--body-copy);font-size:14px;line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.sk-artifact-home-new .hi-meta{
  display:flex;justify-content:space-between;gap:12px;
  margin-top:22px;padding-top:14px;border-top:1px solid var(--mist);
  font:700 10px var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);
}
.sk-artifact-home-new .hi-go{color:var(--brass)}

/* =========================================================
   C3 — press clipping strip
   ========================================================= */

/* Kept off the navy ground on purpose: stacking a third dark block straight
   on top of the Contact section and footer read as one undifferentiated
   panel of blue with no break between "content" and "close". A warm surface
   tone (the same one used for the stats band and filter strips) closes the
   page's content on a light note before the Contact section takes it dark. */
.sk-artifact-home-new .home-media{background:var(--paper);color:var(--ink);overflow:hidden}
.sk-artifact-home-new .home-media .lead{color:var(--body-copy)}
.sk-artifact-home-new .home-media .sec-head{border-bottom-color:var(--surface-border);margin-bottom:0}


.sk-artifact-home-new .press-strip{
  margin:46px 0 0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.sk-artifact-home-new .press-strip:focus-visible{outline:2px solid var(--brass);outline-offset:-4px}
.sk-artifact-home-new .press-track{
  display:flex;align-items:flex-start;width:max-content;
  animation:press-drift 72s linear infinite;
}
.sk-artifact-home-new .press-strip:hover .press-track,
.sk-artifact-home-new .press-strip:focus-within .press-track,
.sk-artifact-home-new .press-strip:focus .press-track{animation-play-state:paused}
@keyframes press-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Spacing lives on the item margin (not flex gap) so half the track is exactly
   one pass and the -50% loop has no seam. 14 items keeps nth-child parity
   consistent across both passes. */
.sk-artifact-home-new .press-clip{
  flex:0 0 auto;width:222px;margin:0 22px 0 0;padding:10px;
  background:var(--paper);color:var(--ink);
}
.sk-artifact-home-new .press-clip:nth-child(even){width:184px}
.sk-artifact-home-new .press-clip img{
  display:block;width:100%;height:158px;
  object-fit:cover;object-position:top center;
  border:1px solid var(--mist);background:var(--paper);
}
.sk-artifact-home-new .press-clip figcaption{
  margin-top:10px;padding-top:9px;border-top:1px solid var(--mist);
  color:var(--muted);font:700 9px var(--sans);letter-spacing:.12em;text-transform:uppercase;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sk-artifact-home-new .press-outlets{
  margin-top:34px;color:var(--muted);
  font:700 10px/2 var(--sans);letter-spacing:.16em;text-transform:uppercase;
}

/* ---------- reduced motion ---------- */

@media(prefers-reduced-motion:reduce){
  .sk-artifact-home-new .hq-slide{transition:none;transform:none}
  .sk-artifact-home-new .home-insight .hi-img img{transition:none}
  .sk-artifact-home-new .home-insight:hover .hi-img img{transform:none}
  .sk-artifact-home-new .press-track{animation:none}
  .sk-artifact-home-new .press-clip-dupe{display:none}
  .sk-artifact-home-new .press-strip{
    overflow-x:auto;
    -webkit-mask-image:none;mask-image:none;
  }
}

/* ---------- responsive ---------- */

@media(max-width:900px){
  .sk-artifact-home-new .home-quotes{padding:38px 34px 28px}
  .sk-artifact-home-new .sec-head{gap:28px}
}
@media(max-width:800px){
  .sk-artifact-home-new .sec-head{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:34px}
  .sk-artifact-home-new .home-insights .insights-grid{gap:20px}
  .sk-artifact-home-new .press-strip{margin-top:36px}
  .sk-artifact-home-new .press-clip{width:190px}
  .sk-artifact-home-new .press-clip:nth-child(even){width:164px}
  .sk-artifact-home-new .press-clip img{height:132px}
}
@media(max-width:500px){
  .sk-artifact-home-new .home-quotes{padding:30px 24px 24px}
  .sk-artifact-home-new .hq-controls{flex-direction:column-reverse;align-items:stretch;gap:16px}
  .sk-artifact-home-new .hq-arrows{justify-content:flex-end}
  .sk-artifact-home-new .hq-dots{justify-content:center}
  .sk-artifact-home-new .press-clip,.sk-artifact-home-new .press-clip:nth-child(even){width:172px}
}

/* ---- home press feature: static editorial arrangement (replaces the ticker) ---- */
.sk-artifact-home-new .home-press{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}
.sk-artifact-home-new .hp-rest{display:grid;gap:16px}
/* Rotating press slots use the same layout model at rest as during a slide
   (positioned block, card absolutely filling it) so the card is never
   re-laid-out after the transition finishes. */
.sk-artifact-home-new .hp-lead,.sk-artifact-home-new .hp-cell{position:relative;display:block}

.sk-artifact-home-new .hp-card{display:flex;gap:18px;background:var(--surface);border:1px solid var(--surface-border);padding:14px;box-sizing:border-box;text-decoration:none;color:inherit;transition:border-color .25s,transform .25s}
.sk-artifact-home-new .hp-card:hover{border-color:var(--brass);transform:translateY(-2px)}
.sk-artifact-home-new .hp-card:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
.sk-artifact-home-new .hp-static{cursor:default}
.sk-artifact-home-new .hp-static:hover{transform:none;border-color:var(--mist)}

.sk-artifact-home-new .hp-shot{flex:0 0 96px;display:block;background:var(--surface);overflow:hidden}
.sk-artifact-home-new .hp-shot img{display:block;width:100%;height:96px;object-fit:cover;object-position:top}
.sk-artifact-home-new .hp-body{display:flex;flex-direction:column;justify-content:center;min-width:0}
.sk-artifact-home-new .hp-outlet{display:block;font:700 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}
.sk-artifact-home-new .hp-title{display:block;margin:7px 0 8px;font:17px/1.25 var(--serif);color:var(--ink)}
.sk-artifact-home-new .hp-meta{display:block;font:11px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}

/* Lead item gets scale, not decoration */
.sk-artifact-home-new .hp-lead .hp-card{flex-direction:column;gap:0;padding:0}
.sk-artifact-home-new .hp-lead .hp-shot{flex:none;width:100%}
.sk-artifact-home-new .hp-lead .hp-shot img{height:270px;object-position:top}
.sk-artifact-home-new .hp-lead .hp-body{padding:24px 26px 26px}
.sk-artifact-home-new .hp-lead .hp-title{font-size:25px;line-height:1.16;margin:9px 0 10px}

/* Outlet roll — now on the warm surface ground, so it reads dark on light. */
/* Outlet roll — a quiet footer to the press cards, not a new section. The
   dividing rule above it read as a section break, so it's gone; the names now
   use the site's standard label convention (uppercase sans, muted) rather
   than the larger loose treatment that looked foreign here. */
.sk-artifact-home-new .press-outlets{margin:34px 0 0;text-align:center}
.sk-artifact-home-new .po-label{display:block;margin-bottom:14px;font:700 10px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}
.sk-artifact-home-new .po-list{margin:0 auto;max-width:760px;font:600 12px/1.95 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.sk-artifact-home-new .po-dot{display:inline-block;margin:0 4px;font-size:14px;line-height:0;vertical-align:-1px;color:var(--mist)}
/* NASSCOM credential as a badge so it catches the eye instead of reading as
   a fourth line of subtitle. */
.sk-artifact-home-new .home-media .lead-credential{display:inline-block;margin-top:14px;padding:6px 13px;border:1px solid var(--brass);font:700 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--brass)}
@media(max-width:600px){
  .sk-artifact-home-new .press-outlets{margin-top:38px;padding-top:26px}
  .sk-artifact-home-new .po-list{font-size:13.5px;line-height:1.95}
}

@media(max-width:900px){
  .sk-artifact-home-new .home-press{grid-template-columns:1fr}
  .sk-artifact-home-new .hp-lead .hp-shot img{height:220px}
}
@media(max-width:600px){
  .sk-artifact-home-new .hp-shot{flex-basis:76px}
  .sk-artifact-home-new .hp-shot img{height:76px}
  .sk-artifact-home-new .hp-title{font-size:15px}
  .sk-artifact-home-new .hp-lead .hp-title{font-size:21px}
}

/* Qualifier line inside a service title — same serif and colour as the title,
   2px smaller so a longer phrase like "(Full-time or Interim)" holds one line. */
.sk-artifact-home-new .service h3 .svc-line2{font-size:16px}

/* =========================================================
   Inside the MBA classroom — imported from About 2, restyled to Home.
   A light section with a warm card on the left (course + method) and a
   dark score card on the right carrying the Home 4.64/5 figure.
   ========================================================= */
.sk-artifact-home-new .mba-classroom{background:var(--paper)}
.sk-artifact-home-new .mc-grid{
  display:grid;grid-template-columns:1.15fr .85fr;gap:20px;
  margin-top:34px;align-items:stretch;
}
.sk-artifact-home-new .mc-card{
  background:var(--surface);border-top:4px solid var(--brass);
  padding:36px 34px;display:flex;flex-direction:column;
}
.sk-artifact-home-new .mc-label{
  display:block;margin-bottom:22px;color:var(--brass);
  font:700 10px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;
}
.sk-artifact-home-new .mc-card h3{margin:0 0 13px;font:28px/1.1 var(--serif);font-weight:400;color:var(--ink)}
.sk-artifact-home-new .mc-card p{margin:0;color:var(--body-copy);font:15px/1.65 var(--sans)}
/* Dark score card, brass number in the Home "4.64/5" treatment. */
.sk-artifact-home-new .mc-score{
  background:var(--night);color:#fff;border-top:4px solid #d7b979;
  padding:36px 34px;display:flex;flex-direction:column;justify-content:center;
}
.sk-artifact-home-new .mc-score strong{
  display:block;font:80px/.85 var(--serif);font-weight:400;
  color:#d7b979;letter-spacing:-.04em;
}
.sk-artifact-home-new .mc-score strong span{font-size:.5em;letter-spacing:0}
.sk-artifact-home-new .mc-score p{
  margin:16px 0 0;max-width:220px;color:#b8c3c9;
  font:700 10px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;
}
@media(max-width:800px){
  .sk-artifact-home-new .mc-grid{grid-template-columns:1fr}
  .sk-artifact-home-new .mc-score{align-items:flex-start}
}

/* =========================================================
   Industry-Academia bridge — imported from About 3.
   A deliberate dark section: it breaks the tan/white alternation with a
   navy band, echoing the dark score box above and the contact close below,
   so the page has a rhythm rather than a flat run of light grounds.
   ========================================================= */
.sk-artifact-home-new .home-bridge{background:var(--night);color:#fff}
.sk-artifact-home-new .home-bridge .kicker{color:#e5c38d}
.sk-artifact-home-new .home-bridge .title{color:#fff}
.sk-artifact-home-new .home-bridge .lead{color:#c4d0d7;max-width:770px}
.sk-artifact-home-new .hb-cards{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sk-artifact-home-new .hb-card{padding:30px 26px 28px;background:rgba(255,255,255,.04);border-top:2px solid var(--brass)}
.sk-artifact-home-new .hb-no{display:block;font:700 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#e5c38d}
.sk-artifact-home-new .hb-card h3{margin:12px 0 10px;font:21px/1.24 var(--serif);color:#fff}
.sk-artifact-home-new .hb-card p{margin:0;font:14px/1.6 var(--sans);color:#c4d0d7}
@media(max-width:820px){.sk-artifact-home-new .hb-cards{grid-template-columns:1fr;gap:16px}}

/* Locked: tight vertical rhythm across home sections. */
.sk-artifact-home-new .section{padding:40px 0}
.sk-artifact-home-new .sec-head{margin-bottom:30px}

/* Stats band under the hero.
   Captions now run to two lines, so the four cells top-align their numbers
   (rather than centring) and the caption gets a readable two-line leading —
   otherwise a one-line and a two-line caption sit at different baselines and
   the row looks ragged. */
/* Four equal columns. Captions are broken with explicit <br>s so each line
   fits an equal column without needing per-column widths. */
.sk-artifact-home-new .stats-grid{align-items:start}
/* No max-width: the controlled <br>s already set where each caption breaks;
   the line just needs to be free to use the full (now wider) column. */
.sk-artifact-home-new .stat span{line-height:1.5}




/* home-carousels.css */
/* Shared 3-up sliding carousel used by the home testimonials and insights
   sections. One engine, two skins. Slides advance one card at a time; the
   track is cloned at the head so the loop never shows a gap. */

.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}
.sec-head .title{margin-bottom:14px}
.sec-head .lead{margin:0}
.sec-head-side{display:flex;align-items:center;gap:14px;flex:0 0 auto;padding-bottom:4px}

/* ---- carousel shell ---- */
.hcar{position:relative}
.hcar-viewport{overflow:hidden;margin:0 -4px;padding:4px}
.hcar-track{display:flex;gap:20px;transition:transform .62s cubic-bezier(.4,0,.2,1);will-change:transform}
.hcar-track.is-instant{transition:none}
.hcar-slide{flex:0 0 calc((100% - 40px)/3);display:flex}
.hcar-slide>*{width:100%}

/* ---- controls ---- */
.hcar-nav{display:flex;align-items:center;gap:9px}
.hcar-arrow{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--mist);background:transparent;color:var(--ink);cursor:pointer;font:20px/1 var(--sans);display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,color .2s}
.hcar-arrow:hover{background:var(--night);border-color:var(--night);color:#fff}
.hcar-arrow:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
.hcar-dots{display:flex;align-items:center;gap:6px}
.hcar-dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#c3ccd0;cursor:pointer;transition:width .3s,background .3s}
.hcar-dot.is-on{width:24px;background:var(--brass)}
.hcar-dot:focus-visible{outline:2px solid var(--brass);outline-offset:3px}

.hcar-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---- testimonial card skin ---- */
.hq-card{background:var(--paper);border-top:3px solid var(--brass);padding:34px 32px 30px;display:flex;flex-direction:column;min-height:290px}
.hq-card blockquote{margin:0;font:20px/1.42 var(--serif);color:var(--ink);flex:1}
.hq-card figcaption,.hq-card .hq-attr{margin-top:26px;padding-top:18px;border-top:1px solid var(--mist)}
.hq-card .hq-name{display:block;font:700 12px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ink)}
.hq-card .hq-role{display:block;margin-top:6px;font:13px/1.4 var(--sans);color:var(--muted)}

/* ---- insight card skin ---- */
.home-insight{background:var(--paper);border-top:2px solid var(--ink);display:flex;flex-direction:column;cursor:pointer;transition:border-color .25s}
.home-insight:hover,.home-insight:focus-visible{border-top-color:var(--brass)}
.home-insight:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.home-insight .hi-img{overflow:hidden;aspect-ratio:3/2;background:var(--surface)}
.home-insight .hi-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.home-insight:hover .hi-img img{transform:scale(1.035)}
.home-insight .hi-body{padding:22px 24px 20px;display:flex;flex-direction:column;flex:1}
.home-insight h3{font:25px/1.14 var(--serif);letter-spacing:-.02em;margin:12px 0 10px}
.home-insight p{font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-insight .hi-meta{margin-top:auto;padding-top:15px;border-top:1px solid var(--mist);display:flex;align-items:center;justify-content:space-between;font:700 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.home-insight .hi-go{color:var(--brass)}

/* ---- insights: contained to the page measure, arrows just outside the cards ---- */
.insights-stage{position:relative}
.insights-stage .hcar-viewport{margin:0;padding:4px 0}
.insights-stage .hcar-slide{flex:0 0 calc((100% - 48px)/3)}
.insights-stage .hcar-track{gap:24px}

.hcar-edge>.hcar-arrow{position:absolute;top:calc(50% - 34px);transform:translateY(-50%);z-index:3;width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:var(--paper);border-color:var(--mist);font-size:21px;box-shadow:0 2px 10px rgba(16,31,46,.08)}
.hcar-edge>.hcar-prev{left:-23px}
.hcar-edge>.hcar-next{right:-23px}
.hcar-edge>.hcar-arrow:hover{background:var(--night);border-color:var(--night);color:#fff}

/* ---- progress bar ---- */
.hcar-bar{position:relative;flex:1;height:2px;background:var(--mist);overflow:hidden}
.hcar-bar-fill{position:absolute;inset:0 auto 0 0;height:100%;background:var(--brass);transition:transform .5s cubic-bezier(.4,0,.2,1),width .3s}
.insights-stage .hcar-foot{margin:32px 0 0}

.home-insight h3{font:21px/1.2 var(--serif)}
.home-insight p{font-size:13.5px}
.home-insight .hi-body{padding:20px 22px 18px}

@media(max-width:1280px){
  .hcar-edge>.hcar-prev{left:8px}
  .hcar-edge>.hcar-next{right:8px}
}
@media(max-width:900px){
  .hcar-slide{flex-basis:calc((100% - 20px)/2)}
  .insights-stage .hcar-slide{flex-basis:calc((100% - 24px)/2)}
  .sec-head{flex-direction:column;align-items:flex-start;gap:22px}
  .sec-head-side{padding-bottom:0}
}
@media(max-width:600px){
  .hcar-slide{flex-basis:100%}
  .insights-stage .hcar-slide{flex-basis:100%}
  .hcar-edge>.hcar-arrow{width:38px;height:38px;flex-basis:38px;font-size:18px}
  .hcar-edge>.hcar-prev{left:2px}
  .hcar-edge>.hcar-next{right:2px}
  .hq-card{min-height:0}
  .hcar-foot{flex-direction:column;align-items:flex-start;gap:16px}
  .insights-stage .hcar-foot{flex-direction:row}
}
@media(prefers-reduced-motion:reduce){
  .hcar-track{transition:none}
  .home-insight .hi-img img{transition:none}
  .home-insight:hover .hi-img img{transform:none}
}


/* home-testimonials.css */
/* Home testimonials — a 2x2 editorial grid.
   Row 1: section heading | testimonial A
   Row 2: testimonial B   | testimonial C
   Both rows share the same two column tracks, so A and C sit on one right
   edge and the heading and B sit on one left edge. All three cards are
   identical in width, padding and type — nothing is visually "featured". */

/* The cards carry 34px of internal padding. Left as-is, their text would sit
   34px inside the 1180px measure on both flanks and the whole section would
   read narrower than its neighbours. Pulling the grid out by that padding
   puts the card TEXT — not the invisible card box — on the same vertical
   lines as every other section's content. */
.sk-artifact-home-new .test-home-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:28px;
  row-gap:28px;
  align-items:stretch;
  margin:0 -34px;
}
.sk-artifact-home-new .ht-intro{display:flex;flex-direction:column;padding-left:34px}
.sk-artifact-home-new .ht-intro .title{margin:14px 0 20px}
.sk-artifact-home-new .ht-intro .lead{margin:0}
.sk-artifact-home-new .ht-cta{margin-top:auto;padding-top:40px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}
/* This CTA carries no trailing arrow — the nav arrows beside it already
   supply the directional cue, and two arrow motifs side by side compete. */
.sk-artifact-home-new .ht-cta-btn{display:inline-block;font-size:14px;padding:14px 22px}

/* Manual paging. Brass, and weighted enough to read at this size without
   turning into heavy chrome next to a solid dark button. */
.sk-artifact-home-new .ht-nav{display:inline-flex;align-items:center;gap:6px}
.sk-artifact-home-new .ht-arrow{
  width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  padding:0;border:0;background:transparent;cursor:pointer;
  color:var(--brass);
  font:600 27px/1 var(--sans);
  transition:color .18s,transform .18s;
}
.sk-artifact-home-new .ht-arrow:hover{color:var(--ink);transform:scale(1.12)}
.sk-artifact-home-new .ht-arrow:active{transform:scale(.96)}
.sk-artifact-home-new .ht-arrow:focus-visible{outline:2px solid var(--brass);outline-offset:2px}

/* The slot's layout model is owned by slot-slide.css once locked: a
   positioned block with the card absolutely filling it. Flex here would
   fight that and re-position the card after each transition. */
.sk-artifact-home-new .ht-slot{display:block;position:relative}

.sk-artifact-home-new .ht-card{
  /* Tan card on the now-white testimonials section — the opposite ground to
     its section, so it reads as a card without needing a border. */
  background:var(--surface);
  border-top:3px solid var(--brass);
  padding:34px 34px 26px;
  display:flex;
  flex-direction:column;
  /* border-box so the 34px side padding is inside the slot's width rather
     than added to it — otherwise the content runs past the right edge. */
  box-sizing:border-box;
}
/* No position:relative here on purpose — .ht-slot already carries it
   permanently (slot-slide.css), and .ht-card needs to stay eligible for
   .slot-locked > *{position:absolute;inset:0} once the slot's height locks.
   An ID-scoped rule setting position here would out-specificity that class
   selector and silently stop the card from filling its locked slot — which
   is exactly what made shorter quotes render shorter than their row. */

/* flex:1 makes the quote absorb the leftover space, which pins the name bar
   to the bottom of the card. But it can only do that once the card's height
   is known — during a slide that resolves a frame late, so the footer visibly
   jumps upward into place. margin-top:auto on the footer achieves the same
   bottom alignment without depending on the quote being measured first. */
.sk-artifact-home-new .ht-card blockquote{
  margin:0;
  border:0 !important;
  padding:0 !important;
  color:var(--ink);
  font:19px/1.5 var(--serif);
}

/* Name bar: attribution left, headshot right */
.sk-artifact-home-new .ht-card figcaption{
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid var(--mist);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.sk-artifact-home-new .ht-who{display:block;min-width:0}
.sk-artifact-home-new .ht-name{display:block;font:700 12px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ink)}
.sk-artifact-home-new .ht-role{display:block;margin-top:5px;font:13px/1.4 var(--sans);color:var(--muted)}
/* The photo itself is the click target when a linkedin URL is set — a small
   blue badge on its corner signals that, rather than a separate icon
   competing with it for attention beside the name. */
.sk-artifact-home-new .ht-photo-wrap{position:relative;flex:0 0 48px;width:48px;height:48px}
.sk-artifact-home-new .ht-photo{
  display:block;width:100%;height:100%;
  border-radius:50%;
  object-fit:cover;
  border:1px solid var(--mist);
}
.sk-artifact-home-new .ht-badge{
  position:absolute;bottom:-2px;right:-2px;
  width:18px;height:18px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:#0a66c2;border:2px solid var(--paper);color:#fff;
  transition:background .2s;
}
.sk-artifact-home-new .ht-badge:hover{background:#004182}
.sk-artifact-home-new .ht-badge:focus-visible{outline:2px solid var(--brass);outline-offset:2px}

@media(max-width:900px){
  .sk-artifact-home-new .test-home-grid{grid-template-columns:1fr;row-gap:22px;margin:0}
  .sk-artifact-home-new .ht-intro{padding-left:0}
  .sk-artifact-home-new .ht-cta{padding-top:10px}
}
@media(max-width:600px){
  .sk-artifact-home-new .test-home-grid{margin:0}
  .sk-artifact-home-new .ht-intro{padding-left:0}
  .sk-artifact-home-new .ht-card{padding:28px 24px 22px}
  .sk-artifact-home-new .ht-card blockquote{font-size:18px}
  .sk-artifact-home-new .ht-photo{flex-basis:42px;width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){
  .sk-artifact-home-new .ht-card{transition:none}
}


/* testimonial-wall.css */
/* Testimonials page — the wall.

   True masonry via CSS columns: cards keep their natural height and stack
   into the shortest column, so no two rows ever line up. Every fourth card
   is promoted to an ink-ground "voice" card with larger serif and a bigger
   portrait, which breaks the field up without needing per-item styling.

   Because emphasis is assigned by position in the *filtered* set, the rhythm
   survives filtering and scales to any number of testimonials.

   No counts anywhere: this is a page of voices, not a dashboard. */

/* The wall section; the filter band above it is the shared .filter-band. */
#testimonials .tw-wall-sec{padding:64px 0 96px}

/* ---- filter tabs ---- */
#testimonials .tw-tabs{display:flex;gap:11px;flex-wrap:wrap;margin:0}
#testimonials .tw-tabs button{
  border:1px solid #cfd6d7;background:transparent;cursor:pointer;
  padding:11px 18px;
  font:700 11px var(--sans);letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink);
  transition:border-color .2s,color .2s,background .2s;
}
#testimonials .tw-tabs button:hover{border-color:var(--brass);color:var(--brass)}
#testimonials .tw-tabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}
#testimonials .tw-tabs button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}

/* ---- the wall ---- */
#testimonials .tw-wall{
  column-count:3;
  column-gap:24px;
}
#testimonials .tw-card{
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  page-break-inside:avoid;
  display:block;
  margin:0 0 24px;
  padding:32px 32px 28px;
  background:var(--paper);
  border-top:3px solid var(--brass);
}

#testimonials .tw-card blockquote{
  margin:0;
  font:18px/1.52 var(--serif);
  color:var(--ink);
}

/* Attribution: portrait leads, name and role stack beside it. */
#testimonials .tw-by{
  margin-top:26px;padding-top:18px;
  border-top:1px solid var(--mist);
  display:flex;align-items:center;gap:14px;
}
/* The photo itself is the click target when a linkedin URL is set — no
   separate icon competing with it for attention. A small blue badge on its
   corner is enough to signal "this links out"; the LinkedIn blue reads
   instantly rather than needing to be decoded like a generic outline mark. */
#testimonials .tw-photo-wrap{position:relative;flex:0 0 44px;width:44px;height:44px}
#testimonials .tw-photo{
  display:block;width:100%;height:100%;
  border-radius:50%;object-fit:cover;
  border:1px solid var(--mist);
}
#testimonials .tw-badge{
  position:absolute;bottom:-2px;right:-2px;
  width:17px;height:17px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:#0a66c2;border:2px solid var(--paper);color:#fff;
  transition:background .2s;
}
#testimonials .tw-badge:hover{background:#004182}
#testimonials .tw-badge:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
#testimonials .tw-who{display:block;min-width:0}
#testimonials .tw-name{
  display:block;font:700 12px var(--sans);letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink);
}
#testimonials .tw-role{
  display:block;margin-top:4px;font:13px/1.4 var(--sans);color:var(--muted);
}
#testimonials .tw-role-alt{margin-top:2px;font-size:12px;opacity:.85}

/* ------------------------------------------------------------------
   Card treatments — the collage
   Three grounds (paper, warm tint, ink) and two scales, cycling on a
   7-step pattern so colour and size vary independently down each column.
   ------------------------------------------------------------------ */

/* Warm tint — a half-step between paper and ink. */
#testimonials .tw-tint{
  background:#efeade;
  border-top-color:#c8a35d;
}

/* Taller card: the quote gets room to breathe, so the column below it
   shifts out of step with its neighbours. */
#testimonials .tw-tall{
  padding:44px 34px 36px;
}
#testimonials .tw-tall blockquote{font-size:20px;line-height:1.55}

/* Wider feel achieved through generous internal space rather than a real
   column span — column spanning would break the masonry flow. */
#testimonials .tw-wide{
  padding:34px 40px 30px;
  background:var(--paper);
  border-top-width:4px;
}
#testimonials .tw-wide blockquote{font-size:19px}

/* The ink card. */
#testimonials .tw-loud{
  background:var(--night);
  border-top-color:#c5a45f;
  padding:38px 34px 32px;
}
#testimonials .tw-loud blockquote{
  font-size:23px;line-height:1.4;color:#fff;letter-spacing:-.01em;
}
#testimonials .tw-loud .tw-by{border-top-color:rgba(255,255,255,.18)}
#testimonials .tw-loud .tw-name{color:#fff}
#testimonials .tw-loud .tw-role{color:#c4d0d7}
#testimonials .tw-loud .tw-photo-wrap{flex-basis:56px;width:56px;height:56px}
#testimonials .tw-loud .tw-photo{border-color:rgba(255,255,255,.25)}
/* White would ring the badge like a paper cutout on the ink ground — the
   card's own background reads as a border instead. */
#testimonials .tw-loud .tw-badge{
  width:19px;height:19px;bottom:-3px;right:-3px;
  border-color:var(--night);
}

@media(max-width:1000px){
  #testimonials .tw-wall{column-count:2}
  #testimonials .tw-loud blockquote{font-size:21px}
}
@media(max-width:660px){
  #testimonials .tw-wall{column-count:1}
  #testimonials .tw-wall-sec{padding:44px 0 64px}
  #testimonials .tw-card{padding:26px 24px 22px}
  #testimonials .tw-loud{padding:30px 26px 26px}
  #testimonials .tw-card blockquote{font-size:17px}
  #testimonials .tw-loud blockquote{font-size:19px}
}

/* ------------------------------------------------------------------
   Shared filter band — Testimonials, Media & Press, Blog
   The warm strip that separates the page header from the content,
   mirroring the home page's header → surface → content rhythm.
   ------------------------------------------------------------------ */
.filter-band{background:var(--surface);padding:30px 0}
.filter-band .tabs{margin:0}

/* Blog carries a search field alongside its filters. */
.blog-filters{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.blog-filters .search{
  flex:0 0 280px;width:280px;margin:0;
  border:1px solid #cfd6d7;background:var(--paper);
  padding:12px 14px;font:14px var(--sans);
}
.blog-filters .search:focus{outline:2px solid var(--brass);outline-offset:-1px}
.blog-filters .tabs{flex:1 1 auto}

@media(max-width:700px){
  .filter-band{padding:22px 0}
  .blog-filters{gap:16px}
  .blog-filters .search{flex-basis:100%;width:100%}
}


/* slot-slide.css */
/* Horizontal slide transition for rotating slots (testimonials, press).

   The frame is locked to a fixed height by lockSlotHeights(), so it never
   resizes or jumps between items. On each swap the outgoing content exits
   left and the incoming content enters from the right, clipped to the frame. */

/* Frozen frame. The card fills it, so cards of different text length all
   present the same box. */
.slot-locked{overflow:hidden}

/* The slot is ALWAYS a positioned block box with an absolutely placed card,
   whether animating or at rest.

   The previous version only switched to this model during the slide and
   reverted to flex afterwards. That reversion re-laid-out the card into a
   slightly different position on the frame after the transition ended —
   which is felt as a pause followed by a kick. Keeping one layout model for
   both states means the card that finishes the slide is already exactly
   where it will live. Nothing moves it again. */
.slot-locked{position:relative;display:block}
/* inset:0 alone gives the card the slot's exact box. width/height must stay
   unset so they resolve from the insets — setting either (or height:auto)
   breaks the fill and the card spills past the frame. */
.slot-locked > *{position:absolute;inset:0}

.is-sliding{position:relative;overflow:hidden;display:block}

/* The card must do its travelling early and then coast.

   An ease-in-out peaks at the midpoint, so the fastest movement lands in the
   second half — felt as a shove at the end. This curve is 22% done at 10% of
   the time (gentle enough not to read as a launch) and 99% done by 80%, so
   the final fifth of the animation covers a single pixel or two. The card
   effectively stops moving well before the transition formally ends, which
   is what makes the arrival imperceptible.

   Opacity finishes earlier still, so the card is fully solid while it is
   already almost stationary. */
.is-sliding > .slot-out,
.is-sliding > .slot-in{
  transition:transform 1.05s cubic-bezier(.35,.8,.5,1),
             opacity .55s cubic-bezier(.4,.7,.5,1);
  backface-visibility:hidden;
}

/* Promote the layers up front so compositing is settled before motion
   starts. Kept off the resting card so no layer is collapsed on landing. */
.is-sliding{will-change:transform}
.is-sliding > .slot-out,
.is-sliding > .slot-in{will-change:transform,opacity}

/* Outgoing: in place, then exits to the left. */
.is-sliding > .slot-out{
  position:absolute;inset:0;
  transform:translate3d(0,0,0);opacity:1;
}
.is-sliding > .slot-out.is-gone{transform:translate3d(-14%,0,0);opacity:0}

/* Incoming: waits off to the right, then settles into place. */
.is-sliding > .slot-in{
  position:absolute;inset:0;
  transform:translate3d(14%,0,0);opacity:0;
}
.is-sliding > .slot-in.is-on{transform:translate3d(0,0,0);opacity:1}

/* The animated wrappers are themselves inset:0, so the card inside simply
   fills them. No explicit width/height, for the same reason as above. */
.is-sliding > .slot-out > *,
.is-sliding > .slot-in > *{position:absolute;inset:0}

@media(prefers-reduced-motion:reduce){
  .is-sliding > .slot-out,
  .is-sliding > .slot-in{transition:none}
}


/* site-footer.css */
/* Contact block + site footer.

   One continuous navy field closes the page: an invitation and a short form
   on the left/right split, then a quiet utility bar beneath it. The reference
   design put a form inside a bordered panel on a dark ground; this keeps that
   two-column idea but drops the panel border, letting the warm surface of the
   fields do the separating instead. Fewer lines, same structure.

   The form is deliberately short. Four fields is the most a cold enquiry
   should ask for, and the engagement dropdown does double duty: it qualifies
   the enquiry and, by naming the four services, quietly restates what is on
   offer at the moment of asking. */

.contact{background:var(--night);color:#fff;padding:72px 0 0}

.contact-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:72px;
  align-items:stretch;
  padding-bottom:56px;
}

/* ---- left: the invitation ---- */
.contact-intro{display:flex;flex-direction:column}
.contact-kicker{
  display:inline-flex;align-items:center;gap:9px;
  font:700 11px var(--sans);letter-spacing:.18em;text-transform:uppercase;
  color:#e5c38d;
}
.contact-kicker:before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--brass);
}
.contact h2{
  margin:18px 0 0;
  font:clamp(34px,3.6vw,44px)/1.08 var(--serif);
  letter-spacing:-.03em;color:#fff;
}
.contact-lead{
  margin:18px 0 0;max-width:480px;
  font:17px/1.6 var(--sans);color:#c4d0d7;
}

/* Direct details — a LinkedIn mark and a location, pinned to the bottom of
   the column via the flex column + margin-top:auto above, so they land level
   with the form's reply-time note on the right. */
.contact-direct{
  margin-top:auto;padding-top:26px;
  border-top:1px solid rgba(255,255,255,.16);
  display:flex;align-items:center;gap:24px;
}
.cd-linkedin{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;
  border:1px solid rgba(255,255,255,.25);color:#e8eef1;
  transition:border-color .2s,color .2s;
}
.cd-linkedin:hover{border-color:#e5c38d;color:#e5c38d}
.cd-location{
  display:inline-flex;align-items:center;gap:8px;
  font:15px var(--sans);color:#c4d0d7;
}
.cd-location svg{flex:0 0 auto;color:#8b9aa6}

/* ---- right: the form ---- */
/* Flex column rather than grid: the note at the end can then take
   margin-top:auto and settle at the same baseline as the LinkedIn/location
   row on the left, once the grid row stretches both columns to equal height. */
.contact-form{display:flex;flex-direction:column;gap:14px}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}

.contact-form label{
  display:block;
  font:700 10px var(--sans);letter-spacing:.16em;text-transform:uppercase;
  color:#8b9aa6;margin-bottom:7px;
}
.contact-form input,
.contact-form select,
.contact-form textarea{
  width:100%;box-sizing:border-box;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  padding:14px 16px;
  font:15px var(--sans);
  transition:border-color .2s,background .2s;
}
.contact-form textarea{min-height:104px;resize:vertical}
.contact-form input::placeholder,
.contact-form textarea::placeholder{color:#7d8b97}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  outline:none;border-color:var(--brass);background:rgba(255,255,255,.08);
}
/* Native select on a dark ground needs its own arrow and popup colours. */
.contact-form select{
  appearance:none;-webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#c4d0d7 50%),linear-gradient(135deg,#c4d0d7 50%,transparent 50%);
  background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
  padding-right:44px;
}
.contact-form select option{background:var(--night);color:#fff}

.cf-send{
  align-self:flex-start;margin-top:6px;
  background:var(--brass);border:1px solid var(--brass);color:#fff;
  padding:15px 32px;cursor:pointer;
  font:700 12px var(--sans);letter-spacing:.09em;text-transform:uppercase;
  transition:background .2s,color .2s;
}
.cf-send:hover{background:transparent;color:#e5c38d}
.cf-send:focus-visible{outline:2px solid #e5c38d;outline-offset:3px}
.cf-note{margin:auto 0 0;font:12px/1.5 var(--sans);color:#7d8b97}

/* ---- utility bar ----
   Down to one line: the nav duplicated the sticky header, and the motto
   duplicated the hero h1 word for word ("Developing leaders. Transforming
   businesses.") three sections above. Only the copyright is genuinely
   bottom-only content, so it's the only thing left here. */
.site-footer{
  background:var(--night);
  border-top:1px solid rgba(255,255,255,.14);
  padding:20px 0;
}
.foot{display:flex;justify-content:center}
.foot-copy{font:12px var(--sans);color:#5f6f7a}

@media(max-width:900px){
  .contact{padding-top:64px}
  .contact-grid{grid-template-columns:1fr;gap:44px;padding-bottom:56px}
  .contact-lead{max-width:none}
}
@media(max-width:600px){
  .cf-row{grid-template-columns:1fr}
}


/* about-page.css */
#about1{--about-rule:rgba(24,34,46,.18);--about-warm:#efe9de;--about-gold:#c49b55;background:var(--ivory)}
#about1 .about-folio{font-family:var(--sans);overflow:hidden}
#about1 .about-serif{font-family:var(--serif)}
#about1 .about-hero{position:relative;min-height:650px;background:var(--night);color:#fff}
#about1 .about-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/84px 100%;pointer-events:none}
#about1 .about-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr);min-height:650px;align-items:stretch}
#about1 .about-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:72px 72px 72px 0}
#about1 .about-edition{display:flex;align-items:center;gap:14px;color:var(--about-gold);font:700 11px/1 var(--sans);letter-spacing:.17em;text-transform:uppercase}
#about1 .about-edition:after{content:"";width:64px;height:1px;background:currentColor}
#about1 .about-hero h1{max-width:690px;margin:23px 0 28px;font:clamp(55px,6.1vw,82px)/.94 var(--serif);letter-spacing:-.052em;color:#fff}
#about1 .about-hero h1 em{display:block;color:#d7b979;font-weight:400}
#about1 .about-deck{max-width:620px;margin:0;color:#d5dde1;font:17px/1.62 var(--sans)}
#about1 .about-hero-notes{display:flex;gap:25px;margin-top:38px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18)}
#about1 .about-hero-notes span{font:600 10px/1.35 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#aebbc3}
#about1 .about-portrait{position:relative;isolation:isolate;background:var(--about-gold);overflow:hidden}
#about1 .about-portrait:before{content:"";position:absolute;z-index:0;inset:34px 34px auto auto;width:62%;aspect-ratio:1;border:1px solid rgba(11,21,34,.26);border-radius:50%}
#about1 .about-portrait:after{content:"01 / PORTRAIT";position:absolute;z-index:3;right:22px;bottom:24px;writing-mode:vertical-rl;color:rgba(11,21,34,.68);font:700 9px/1 var(--sans);letter-spacing:.2em}
#about1 .about-portrait img{position:absolute;z-index:2;inset:auto -4% 0 auto;width:104%;height:96%;object-fit:contain;object-position:right bottom;filter:saturate(.92) contrast(1.02)}
#about1 .about-opening{background:#fbfaf7;padding:98px 0 88px}
#about1 .about-opening-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:88px}
#about1 .about-section-no{display:flex;gap:15px;align-items:flex-start;color:var(--brass);font:700 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
#about1 .about-section-no strong{font:44px/.8 var(--serif);font-weight:400;letter-spacing:-.04em;color:var(--ink)}
#about1 .about-opening-copy{max-width:790px}
#about1 .about-opening-copy p{margin:0 0 22px;color:#40515b;font:18px/1.72 var(--sans)}
#about1 .about-opening-copy p:first-child{font:26px/1.46 var(--serif);color:var(--ink)}
#about1 .about-opening-copy p:first-child:first-letter{float:left;margin:7px 10px 0 0;color:var(--brass);font:78px/.68 var(--serif)}
#about1 .about-margin-note{display:grid;grid-template-columns:auto 1fr;gap:17px;margin-top:36px;padding-top:23px;border-top:1px solid var(--about-rule);font:600 11px/1.6 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:#627078}
#about1 .about-margin-note b{color:var(--brass);font-size:20px;font-family:var(--serif);font-weight:400;letter-spacing:0;text-transform:none}
#about1 .about-thread{padding:92px 0 100px;background:var(--about-warm);border-top:1px solid #d9d1c5;border-bottom:1px solid #d9d1c5}
#about1 .about-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:88px;align-items:end;margin-bottom:48px}
#about1 .about-head h2{margin:12px 0 0;font:clamp(40px,4.5vw,58px)/1.02 var(--serif);letter-spacing:-.04em}
#about1 .about-head p{max-width:650px;margin:0;color:#52626b;font-size:17px}
#about1 .thread-ledger{border-top:1px solid var(--ink)}
#about1 .thread-row{display:grid;grid-template-columns:70px 1fr 1.25fr;gap:30px;align-items:center;padding:24px 0;border-bottom:1px solid var(--about-rule)}
#about1 .thread-row>span{color:var(--brass);font:700 11px/1 var(--sans);letter-spacing:.13em}
#about1 .thread-row h3{margin:0;font:29px/1.08 var(--serif);font-weight:400}
#about1 .thread-row p{margin:0;color:#52626b;font-size:14px;line-height:1.58}
#about1 .about-world{position:relative;background:#fbfaf7;padding:94px 0 100px}
#about1 .about-world-grid{display:grid;grid-template-columns:310px 1fr;gap:90px;align-items:center}
#about1 .world-number{position:relative}
#about1 .world-number strong{display:block;color:var(--brass);font:154px/.76 var(--serif);font-weight:400;letter-spacing:-.09em}
#about1 .world-number span{display:block;margin:21px 0 0 8px;color:var(--ink);font:23px/1.15 var(--serif)}
#about1 .world-copy h2{margin:11px 0 20px;font:43px/1.05 var(--serif);letter-spacing:-.035em}
#about1 .world-copy>p{max-width:680px;color:#52626b;font-size:16px}
#about1 .country-line{display:flex;flex-wrap:wrap;gap:0;margin-top:32px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
#about1 .country-line span{position:relative;padding:15px 17px;color:var(--ink);font:700 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
#about1 .country-line span+span:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:1px;background:var(--about-rule)}
#about1 .about-career{background:var(--night);color:#fff;padding:96px 0 102px}
#about1 .about-career .about-head{align-items:start;margin-bottom:50px}
#about1 .about-career .about-head h2{color:#fff}
#about1 .about-career .about-head p{color:#bac5cb}
#about1 .career-line{display:grid;grid-template-columns:repeat(8,1fr);border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28)}
#about1 .career-stop{position:relative;min-height:144px;padding:50px 13px 18px;border-right:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
#about1 .career-stop:last-child{border-right:0}
#about1 .career-stop:before{content:"";position:absolute;top:-5px;left:50%;width:9px;height:9px;margin-left:-4px;border-radius:50%;background:var(--about-gold)}
#about1 .career-stop img{display:block;max-width:86px;max-height:32px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.78}
#about1 .career-stop:hover img{filter:none;opacity:1}
#about1 .career-caption{margin-top:24px;display:grid;grid-template-columns:1fr auto;gap:40px;color:#afbbc2;font-size:12px}
#about1 .career-caption strong{color:#d7b979;font-weight:600}
#about1 .about-learning{background:#fbfaf7;padding:100px 0}
#about1 .learning-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}
#about1 .learning-story{position:relative;min-height:480px;padding:58px;background:var(--about-warm);border-top:5px solid var(--brass)}
#about1 .learning-story h2{max-width:650px;margin:14px 0 22px;font:clamp(40px,4.6vw,58px)/1.02 var(--serif);letter-spacing:-.04em}
#about1 .learning-story p{max-width:620px;color:#53636c;font-size:16px;line-height:1.66}
#about1 .learning-method{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
#about1 .learning-method span{border:1px solid #c9c0b3;padding:9px 12px;font:700 10px/1 var(--sans);letter-spacing:.11em;text-transform:uppercase}
#about1 .coaching-stat{display:flex;flex-direction:column;justify-content:space-between;min-height:480px;padding:50px;background:var(--brass);color:#17202a}
#about1 .coaching-stat .big{font:clamp(90px,11vw,145px)/.77 var(--serif);letter-spacing:-.08em}
#about1 .coaching-stat h3{margin:18px 0 10px;font:31px/1.05 var(--serif);font-weight:400}
#about1 .coaching-stat p{margin:0;font-size:14px;line-height:1.58}
#about1 .gratitude{padding:88px 0;background:#f1ece3}
#about1 .gratitude blockquote{position:relative;max-width:980px;margin:0 auto;text-align:center;color:var(--ink);font:clamp(31px,3.7vw,49px)/1.2 var(--serif);letter-spacing:-.025em}
#about1 .gratitude blockquote:before{content:"“";display:block;height:58px;color:var(--brass);font:92px/.8 var(--serif)}
#about1 .gratitude cite{display:block;margin-top:24px;color:#647179;font:700 10px/1 var(--sans);font-style:normal;letter-spacing:.14em;text-transform:uppercase}
#about1 .about-public{padding:100px 0;background:#fbfaf7}
#about1 .public-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:95px}
#about1 .public-grid h2{margin:13px 0 25px;font:46px/1.03 var(--serif);letter-spacing:-.04em}
#about1 .public-grid p{color:#52626b;font-size:16px;line-height:1.65}
#about1 .public-topics{border-top:1px solid var(--ink)}
#about1 .public-topic{display:grid;grid-template-columns:34px 1fr;gap:25px;padding:26px 0;border-bottom:1px solid var(--about-rule)}
#about1 .public-topic>span{color:var(--brass);font:700 11px/1 var(--sans)}
#about1 .public-topic h3{margin:0 0 7px;font:27px/1.05 var(--serif);font-weight:400}
#about1 .public-topic p{margin:0;font-size:13px}
#about1 .about-credentials{padding:96px 0;background:var(--night);color:#fff}
#about1 .about-credentials h2{margin:12px 0 42px;color:#fff;font:46px/1.03 var(--serif);letter-spacing:-.04em}
#about1 .credential-ledger{display:grid;grid-template-columns:.8fr 1.1fr 1.1fr;border-top:1px solid rgba(255,255,255,.28)}
#about1 .credential-col{padding:30px 34px 12px 0}
#about1 .credential-col+.credential-col{padding-left:34px;border-left:1px solid rgba(255,255,255,.18)}
#about1 .credential-col h3{margin:0 0 20px;color:#d7b979;font:700 11px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase}
#about1 .credential-col ul{list-style:none;margin:0;padding:0}
#about1 .credential-col li{padding:11px 0;border-top:1px solid rgba(255,255,255,.13);color:#d5dde1;font-size:13px;line-height:1.48}
#about1 .credential-col li:first-child{border-top:0;padding-top:0}
#about1 .about-afterhours{padding:72px 0;background:var(--about-gold);color:var(--ink)}
#about1 .afterhours-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:80px;align-items:center}
#about1 .afterhours-grid h2{margin:8px 0 0;font:42px/1.02 var(--serif);letter-spacing:-.035em}
#about1 .interest-line{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}
#about1 .interest-line span{position:relative;font:600 13px/1.4 var(--sans)}
#about1 .interest-line span+span:before{content:"•";position:absolute;left:-17px;color:rgba(24,34,46,.48)}
#about1 .about-cta{padding:88px 0;background:#fbfaf7;text-align:center}
#about1 .about-cta h2{max-width:760px;margin:12px auto 28px;font:46px/1.04 var(--serif);letter-spacing:-.038em}
@media(max-width:980px){#about1 .about-hero-grid{grid-template-columns:1fr .75fr}#about1 .about-hero-copy{padding-right:42px}#about1 .about-head,#about1 .about-opening-grid,#about1 .about-world-grid,#about1 .public-grid,#about1 .afterhours-grid{gap:50px}#about1 .career-line{grid-template-columns:repeat(4,1fr)}#about1 .career-stop:nth-child(4){border-right:0}#about1 .career-stop:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.16)}}
@media(max-width:760px){#about1 .about-hero,#about1 .about-hero-grid{min-height:0}#about1 .about-hero-grid{display:flex;flex-direction:column}#about1 .about-hero-copy{padding:58px 0 42px}#about1 .about-hero h1{font-size:54px}#about1 .about-portrait{height:480px}#about1 .about-opening,#about1 .about-thread,#about1 .about-world,#about1 .about-career,#about1 .about-learning,#about1 .about-public,#about1 .about-credentials{padding:72px 0}#about1 .about-opening-grid,#about1 .about-head,#about1 .about-world-grid,#about1 .public-grid,#about1 .afterhours-grid,#about1 .learning-grid{grid-template-columns:1fr;gap:35px}#about1 .about-head{margin-bottom:34px}#about1 .thread-row{grid-template-columns:50px 1fr}#about1 .thread-row p{grid-column:2}#about1 .world-number strong{font-size:120px}#about1 .credential-ledger{grid-template-columns:1fr}#about1 .credential-col,#about1 .credential-col+.credential-col{padding:25px 0;border-left:0;border-top:1px solid rgba(255,255,255,.18)}#about1 .credential-col:first-child{border-top:0}#about1 .career-caption{grid-template-columns:1fr;gap:8px}.about-hero-notes{flex-wrap:wrap}}
@media(max-width:500px){#about1 .about-hero h1{font-size:46px}#about1 .about-portrait{height:390px}#about1 .about-portrait img{width:112%;right:-9%}#about1 .about-opening-copy p:first-child{font-size:23px}#about1 .thread-row{grid-template-columns:38px 1fr;gap:16px}#about1 .thread-row h3{font-size:25px}#about1 .career-line{grid-template-columns:repeat(2,1fr)}#about1 .career-stop:nth-child(2n){border-right:0}#about1 .career-stop:nth-child(-n+6){border-bottom:1px solid rgba(255,255,255,.16)}#about1 .learning-story,#about1 .coaching-stat{min-height:0;padding:38px 28px}#about1 .coaching-stat .big{font-size:100px}#about1 .about-afterhours{padding:58px 0}#about1 .interest-line{display:grid;gap:10px}#about1 .interest-line span+span:before{display:none}}


/* about2-page.css */
#about2{--a2-rule:rgba(24,34,46,.18);--a2-paper:#fbfaf7;--a2-warm:#eee8dd;--a2-gold:#c49b55;background:var(--a2-paper);color:var(--ink)}
#about2 .a2-shell{overflow:hidden}
#about2 .a2-hero{position:relative;background:radial-gradient(rgba(183,139,71,.18) 1px,transparent 1px) 0 0/22px 22px,var(--a2-paper);border-bottom:1px solid #d9d1c4}
#about2 .a2-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:14px;background:var(--a2-gold)}
#about2 .a2-hero-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:70px;align-items:center;min-height:620px;padding-top:64px;padding-bottom:64px}
#about2 .a2-index{display:flex;align-items:center;gap:15px;color:var(--brass);font:700 11px/1 var(--sans);letter-spacing:.17em;text-transform:uppercase}
#about2 .a2-index:after{content:"";width:70px;height:1px;background:currentColor}
#about2 .a2-hero h1{max-width:760px;margin:22px 0 27px;font:clamp(52px,5.6vw,76px)/.96 var(--serif);letter-spacing:-.052em}
#about2 .a2-hero h1 em{display:block;color:var(--brass);font-weight:400}
#about2 .a2-hero-deck{max-width:690px;margin:0;color:#4f6069;font-size:18px;line-height:1.62}
#about2 .a2-hero-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
#about2 .a2-hero-proof span{background:#fff;border:1px solid #d5cfc4;padding:9px 12px;color:#42535d;font:700 10px/1 var(--sans);letter-spacing:.11em;text-transform:uppercase}
#about2 .a2-visual{position:relative;min-height:480px}
#about2 .a2-axis{position:absolute;right:0;top:0;width:84%;height:100%;background:var(--a2-gold)}
#about2 .a2-axis:before{content:"INDUSTRY";position:absolute;right:22px;top:20px;color:#3d2f19;font:700 10px/1 var(--sans);letter-spacing:.2em}
#about2 .a2-axis:after{content:"ACADEMIA";position:absolute;left:22px;bottom:20px;color:#3d2f19;font:700 10px/1 var(--sans);letter-spacing:.2em}
#about2 .a2-axis-mark{position:absolute;z-index:2;left:3px;top:48%;transform:translateY(-50%);color:rgba(24,34,46,.48);font:76px/1 var(--serif)}
#about2 .a2-thumb{position:absolute;z-index:1;left:0;top:55px;width:68%;height:355px;margin:0;background:#d7d6d2;border:10px solid var(--a2-paper);box-shadow:0 18px 45px rgba(11,21,34,.16);overflow:hidden}
#about2 .a2-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%}
#about2 .a2-thumb figcaption{position:absolute;left:16px;bottom:13px;background:rgba(11,21,34,.86);padding:7px 9px;color:#fff;font:700 9px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
#about2 .a2-roots{padding:92px 0;background:#fff}
#about2 .a2-roots-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:100px;align-items:start}
#about2 .a2-roots h2{margin:13px 0 0;font:clamp(42px,4.5vw,58px)/1.03 var(--serif);letter-spacing:-.04em}
#about2 .a2-roots h2 em{color:var(--brass);font-weight:400}
#about2 .a2-roots-copy{border-top:1px solid var(--ink);padding-top:24px}
#about2 .a2-roots-copy p{margin:0 0 20px;color:#53636c;font-size:16px;line-height:1.7}
#about2 .a2-roots-copy p:first-child{color:var(--ink);font:24px/1.48 var(--serif)}
#about2 .a2-life-note{display:grid;grid-template-columns:112px 1fr;gap:24px;margin-top:28px;padding-top:21px;border-top:1px solid var(--a2-rule)}
#about2 .a2-life-note strong{color:var(--brass);font:21px/1.2 var(--serif);font-weight:400}
#about2 .a2-life-note span{color:#64727a;font:700 10px/1.55 var(--sans);letter-spacing:.1em;text-transform:uppercase}
#about2 .a2-impact{padding:96px 0;background:var(--night);color:#fff}
#about2 .a2-impact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}
#about2 .a2-impact h2{max-width:440px;margin:14px 0 22px;color:#fff;font:47px/1.03 var(--serif);letter-spacing:-.04em}
#about2 .a2-impact-intro{color:#b9c4ca;font-size:15px;line-height:1.65}
#about2 .a2-impact-list{border-top:1px solid rgba(255,255,255,.5)}
#about2 .a2-impact-row{display:grid;grid-template-columns:46px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.17)}
#about2 .a2-impact-row span{color:#d7b979;font:700 11px/1 var(--sans);letter-spacing:.12em}
#about2 .a2-impact-row p{margin:0;color:#ecf0f2;font:23px/1.35 var(--serif)}
#about2 .a2-linkedin{display:inline-flex;align-items:center;gap:10px;margin-top:28px;color:#d7b979;font:700 11px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
#about2 .a2-linkedin:hover{text-decoration:underline}
#about2 .a2-bridge{padding:100px 0;background:var(--a2-gold)}
#about2 .a2-bridge-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:end;margin-bottom:50px}
#about2 .a2-bridge h2{margin:12px 0 0;font:clamp(43px,4.8vw,61px)/1.01 var(--serif);letter-spacing:-.045em}
#about2 .a2-bridge-head p{margin:0;color:#3f3526;font-size:17px;line-height:1.65}
#about2 .a2-bridge-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(24,34,46,.72);border-bottom:1px solid rgba(24,34,46,.72)}
#about2 .a2-bridge-card{min-height:270px;padding:30px 32px;border-right:1px solid rgba(24,34,46,.32)}
#about2 .a2-bridge-card:last-child{border-right:0}
#about2 .a2-bridge-card .no{display:block;margin-bottom:50px;color:#5c4728;font:700 10px/1 var(--sans);letter-spacing:.12em}
#about2 .a2-bridge-card h3{margin:0 0 14px;font:31px/1.05 var(--serif);font-weight:400}
#about2 .a2-bridge-card p{margin:0;color:#3f3526;font-size:14px;line-height:1.6}
#about2 .a2-institution-line{display:flex;justify-content:space-between;gap:20px;margin-top:28px;color:#473820;font:700 10px/1.4 var(--sans);letter-spacing:.11em;text-transform:uppercase}
#about2 .a2-global{padding:54px 0;background:var(--a2-warm);border-bottom:1px solid #d8d0c4}
#about2 .a2-global-grid{display:grid;grid-template-columns:180px 1fr;gap:45px;align-items:center}
#about2 .a2-global-number{display:flex;align-items:baseline;gap:13px}
#about2 .a2-global-number strong{color:var(--brass);font:83px/.8 var(--serif);font-weight:400;letter-spacing:-.06em}
#about2 .a2-global-number span{font:19px/1.1 var(--serif)}
#about2 .a2-global-copy p{margin:0 0 17px;color:#52626b;font-size:14px}
#about2 .a2-countries{display:flex;flex-wrap:wrap;gap:8px}
#about2 .a2-countries span{border:1px solid #c8c0b5;background:#f8f5ef;padding:7px 10px;font:700 9px/1 var(--sans);letter-spacing:.09em;text-transform:uppercase}
#about2 .a2-learning{padding:100px 0;background:#fff}
#about2 .a2-learning-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:end;margin-bottom:52px}
#about2 .a2-learning-head h2{margin:12px 0 0;font:clamp(43px,4.7vw,60px)/1.01 var(--serif);letter-spacing:-.045em}
#about2 .a2-learning-head p{margin:0;color:#53636c;font-size:17px}
#about2 .a2-track{margin-top:56px}
#about2 .a2-track-title{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:center;margin-bottom:18px}
#about2 .a2-track-title span{color:var(--brass);font:700 11px/1 var(--sans);letter-spacing:.13em}
#about2 .a2-track-title h3{margin:0;font:31px/1.05 var(--serif);font-weight:400}
#about2 .a2-box-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#about2 .a2-box{position:relative;min-height:250px;padding:35px;background:var(--a2-warm);border-top:4px solid var(--brass)}
#about2 .a2-box-label{display:block;margin-bottom:35px;color:var(--brass);font:700 10px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase}
#about2 .a2-box h4{margin:0 0 13px;font:29px/1.08 var(--serif);font-weight:400}
#about2 .a2-box p{margin:0;color:#56656d;font-size:14px;line-height:1.62}
#about2 .a2-score{display:grid;grid-template-columns:auto 1fr;gap:25px;align-items:end;background:var(--night);color:#fff;border-top-color:#d7b979}
#about2 .a2-score strong{color:#d7b979;font:92px/.75 var(--serif);font-weight:400;letter-spacing:-.07em}
#about2 .a2-score-side span{display:block;color:#fff;font:22px/1 var(--serif)}
#about2 .a2-score-side small{display:block;margin-top:11px;color:#b8c3c9;font:700 9px/1.45 var(--sans);letter-spacing:.1em;text-transform:uppercase}
#about2 .a2-score-bars{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:24px}
#about2 .a2-score-bars i{height:5px;background:#d7b979}
#about2 .a2-score-bars i:last-child{background:linear-gradient(90deg,#d7b979 64%,rgba(255,255,255,.18) 64%)}
#about2 .a2-voice{padding:96px 0;background:var(--a2-warm)}
#about2 .a2-voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
#about2 .a2-voice-panel{padding:46px;background:#f9f7f2;border:1px solid #d6cec1}
#about2 .a2-voice-panel h2{margin:13px 0 18px;font:40px/1.04 var(--serif);letter-spacing:-.035em}
#about2 .a2-voice-panel p{margin:0;color:#52626b;font-size:15px;line-height:1.68}
#about2 .a2-topic-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}
#about2 .a2-topic-line span{border:1px solid #c9c1b5;padding:8px 10px;color:#4a5961;font:700 9px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
#about2 .a2-ecosystem{background:var(--night);border-color:var(--night);color:#fff}
#about2 .a2-ecosystem h2{color:#fff}
#about2 .a2-ecosystem p{color:#c0c9ce}
#about2 .a2-nasscom{display:flex;align-items:center;gap:20px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}
#about2 .a2-nasscom img{width:94px;filter:brightness(0) invert(1);opacity:.82}
#about2 .a2-nasscom span{color:#d7b979;font:700 10px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase}
#about2 .a2-career{padding:96px 0;background:#fff}
#about2 .a2-career-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:40px}
#about2 .a2-career h2{margin:12px 0 0;font:45px/1.03 var(--serif);letter-spacing:-.04em}
#about2 .a2-career-head p{max-width:520px;margin:0;color:#58676f;font-size:14px}
#about2 .a2-logo-rail{display:grid;grid-template-columns:repeat(8,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
#about2 .a2-logo-rail figure{display:flex;align-items:center;justify-content:center;height:105px;margin:0;border-right:1px solid var(--a2-rule)}
#about2 .a2-logo-rail figure:last-child{border-right:0}
#about2 .a2-logo-rail img{max-width:84px;max-height:31px;object-fit:contain;filter:grayscale(1);opacity:.72}
#about2 .a2-logo-rail figure:hover img{filter:none;opacity:1}
#about2 .a2-credentials{display:grid;grid-template-columns:.8fr 1.1fr 1.1fr;margin-top:48px;border-top:1px solid var(--a2-rule)}
#about2 .a2-cred{padding:28px 28px 0 0}
#about2 .a2-cred+.a2-cred{padding-left:28px;border-left:1px solid var(--a2-rule)}
#about2 .a2-cred h3{margin:0 0 18px;color:var(--brass);font:700 10px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase}
#about2 .a2-cred p{margin:0;color:#53636c;font-size:13px;line-height:1.75}
#about2 .a2-close{padding:82px 0;background:var(--a2-gold)}
#about2 .a2-close-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
#about2 .a2-close h2{margin:12px 0 0;font:42px/1.03 var(--serif);letter-spacing:-.035em}
#about2 .a2-close blockquote{margin:0;font:28px/1.35 var(--serif)}
#about2 .a2-close cite{display:block;margin-top:18px;color:#4d3b20;font:700 9px/1 var(--sans);font-style:normal;letter-spacing:.12em;text-transform:uppercase}
#about2 .a2-interests{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:26px;color:#443720;font:600 11px/1.45 var(--sans)}
#about2 .a2-final{padding:82px 0;background:var(--a2-paper);text-align:center}
#about2 .a2-final h2{max-width:760px;margin:12px auto 27px;font:45px/1.04 var(--serif);letter-spacing:-.038em}
@media(max-width:980px){#about2 .a2-hero-grid{grid-template-columns:1.12fr .88fr;gap:35px}#about2 .a2-roots-grid,#about2 .a2-impact-grid,#about2 .a2-bridge-head,#about2 .a2-learning-head{gap:55px}#about2 .a2-logo-rail{grid-template-columns:repeat(4,1fr)}#about2 .a2-logo-rail figure:nth-child(4){border-right:0}#about2 .a2-logo-rail figure:nth-child(-n+4){border-bottom:1px solid var(--a2-rule)}}
@media(max-width:760px){#about2 .a2-hero-grid,#about2 .a2-roots-grid,#about2 .a2-impact-grid,#about2 .a2-bridge-head,#about2 .a2-global-grid,#about2 .a2-learning-head,#about2 .a2-close-grid{grid-template-columns:1fr;gap:36px}#about2 .a2-hero-grid{padding-top:54px;padding-bottom:0}#about2 .a2-hero h1{font-size:50px}#about2 .a2-visual{min-height:400px}#about2 .a2-axis{width:82%;right:-20px}#about2 .a2-thumb{width:63%;height:310px;left:20px}#about2 .a2-roots,#about2 .a2-impact,#about2 .a2-bridge,#about2 .a2-learning,#about2 .a2-voice,#about2 .a2-career{padding:72px 0}#about2 .a2-bridge-grid,#about2 .a2-voice-grid,#about2 .a2-box-grid,#about2 .a2-credentials{grid-template-columns:1fr}#about2 .a2-bridge-card{min-height:0;border-right:0;border-bottom:1px solid rgba(24,34,46,.32)}#about2 .a2-bridge-card:last-child{border-bottom:0}#about2 .a2-bridge-card .no{margin-bottom:25px}#about2 .a2-institution-line{display:grid;grid-template-columns:1fr 1fr}#about2 .a2-global-grid{grid-template-columns:1fr}#about2 .a2-score{grid-template-columns:auto 1fr}#about2 .a2-career-head{display:block}#about2 .a2-career-head p{margin-top:20px}#about2 .a2-cred,#about2 .a2-cred+.a2-cred{padding:24px 0;border-left:0;border-bottom:1px solid var(--a2-rule)}#about2 .a2-close{padding:65px 0}}
@media(max-width:500px){#about2 .a2-hero h1{font-size:44px}#about2 .a2-hero-deck{font-size:16px}#about2 .a2-visual{min-height:360px}#about2 .a2-thumb{height:280px;width:68%;top:42px}#about2 .a2-axis-mark{font-size:58px}#about2 .a2-roots h2,#about2 .a2-impact h2,#about2 .a2-bridge h2,#about2 .a2-learning-head h2{font-size:40px}#about2 .a2-life-note{grid-template-columns:1fr;gap:9px}#about2 .a2-impact-row p{font-size:21px}#about2 .a2-institution-line{grid-template-columns:1fr}#about2 .a2-box{padding:30px 26px}#about2 .a2-score strong{font-size:78px}#about2 .a2-logo-rail{grid-template-columns:repeat(2,1fr)}#about2 .a2-logo-rail figure:nth-child(2n){border-right:0}#about2 .a2-logo-rail figure:nth-child(-n+6){border-bottom:1px solid var(--a2-rule)}#about2 .a2-close blockquote{font-size:25px}}


/* about3-page.css */
/* About 3 — the page meant to be sent to a stranger.

   Written for someone deciding whether to take a meeting: an institution
   weighing a faculty appointment, an investor sizing up an operator, a
   board considering an adviser. That reader gives roughly one screen before
   deciding to keep going, so the order is deliberate — evidence first,
   biography last. The childhood material is the warmest writing on the old
   About page, but leading with it asks for patience the reader hasn't
   agreed to yet. Placed near the end it reads as depth. Placed first it
   reads as a memoir.

   First person throughout, unlike the rest of the site. This is the page he
   sends himself; "Sandeep has addressed industry forums" sounds like a
   brochure written about him, which is the opposite of the "real, not
   lofty" brief.

   No full-bleed hero. One circular portrait at the masthead, résumé-style.

   Grounds alternate paper → surface → paper → ink so the page has rhythm
   without needing decoration. Every colour and font here is an existing
   site token. */

#about3{background:var(--paper)}
#about3 .a3-wrap{max-width:1180px;margin:auto;padding:0 32px}

/* ---------- shared type ---------- */
#about3 h2{
  margin:12px 0 0;
  font:clamp(29px,3vw,38px)/1.12 var(--serif);
  letter-spacing:-.03em;color:var(--ink);
}
#about3 .a3-kicker{
  display:block;
  font:700 11px var(--sans);letter-spacing:.18em;text-transform:uppercase;
  color:var(--brass);
}
#about3 .a3-lead{
  margin:16px 0 0;max-width:640px;
  font:17px/1.65 var(--sans);color:var(--body-copy);
}
#about3 section{padding:74px 0}

/* ---------- 1. masthead ---------- */
#about3 .a3-top{
  background:radial-gradient(#e6ded0 1px,transparent 1px) 0 0/18px 18px,#fbfaf7;
  padding:64px 0 58px;
}
#about3 .a3-top-grid{
  display:grid;grid-template-columns:auto 1fr;gap:38px;align-items:center;
}
#about3 .a3-portrait{
  margin:0;flex:0 0 auto;
  width:158px;height:158px;border-radius:50%;
  overflow:hidden;background:var(--surface);
  border:1px solid var(--surface-border);
}
#about3 .a3-portrait img{
  display:block;width:100%;height:100%;
  object-fit:cover;object-position:center 12%;
}
#about3 .a3-top h1{
  margin:14px 0 0;
  font:clamp(33px,3.7vw,46px)/1.1 var(--serif);
  letter-spacing:-.035em;color:var(--ink);max-width:19ch;
}
#about3 .a3-top h1 em{font-style:normal;color:var(--brass)}
#about3 .a3-deck{
  margin:18px 0 0;max-width:610px;
  font:17px/1.62 var(--sans);color:var(--body-copy);
}
#about3 .a3-roles{
  margin:24px 0 0;display:flex;flex-wrap:wrap;gap:9px;
}
#about3 .a3-roles span{
  padding:7px 13px;background:var(--paper);
  border:1px solid var(--surface-border);
  font:700 11px var(--sans);letter-spacing:.07em;
  text-transform:uppercase;color:var(--ink);
}
#about3 .a3-where{
  margin:18px 0 0;font:13px var(--sans);color:var(--muted);
}

/* ---------- 2. proof strip ---------- */
/* Four numbers, above the fold on most screens. A reader who reads nothing
   else should still leave with the scale of the thing. */
#about3 .a3-proof{background:var(--ink);padding:0}
#about3 .a3-proof-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
}
#about3 .a3-stat{
  padding:30px 26px;border-right:1px solid rgba(255,255,255,.14);
}
#about3 .a3-stat:last-child{border-right:0}
#about3 .a3-stat strong{
  display:block;font:36px/1 var(--serif);color:#e5c38d;letter-spacing:-.02em;
}
#about3 .a3-stat span{
  display:block;margin-top:9px;
  font:12px/1.45 var(--sans);letter-spacing:.05em;color:#c4d0d7;
}

/* ---------- 3. track record ---------- */
#about3 .a3-record-grid{
  display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start;
}
#about3 .a3-rows{display:grid;gap:0}
#about3 .a3-row{
  display:grid;grid-template-columns:38px 1fr;gap:20px;
  padding:22px 0;border-top:1px solid var(--mist);
}
#about3 .a3-row:last-child{border-bottom:1px solid var(--mist)}
#about3 .a3-row b{
  font:700 11px var(--sans);letter-spacing:.12em;color:var(--brass);
  padding-top:4px;
}
#about3 .a3-row p{margin:0;font:16px/1.6 var(--sans);color:var(--ink)}
#about3 .a3-row p em{
  font-style:normal;display:block;margin-top:5px;
  font-size:14px;color:var(--muted);
}
#about3 .a3-out{
  display:inline-block;margin:26px 0 0;
  font:13px var(--sans);color:var(--ink);text-decoration:none;
  border-bottom:1px solid var(--brass);padding-bottom:2px;
}
#about3 .a3-out:hover{color:var(--brass)}

/* ---------- 4. the lens ---------- */
#about3 .a3-lens{background:var(--surface)}
#about3 .a3-lens-grid{
  margin-top:42px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--surface-border);
}
#about3 .a3-lens-card{
  background:var(--surface);padding:28px 24px 26px;
}
#about3 .a3-lens-card h3{
  margin:0 0 10px;font:20px/1.2 var(--serif);color:var(--ink);
}
#about3 .a3-lens-card p{
  margin:0;font:14px/1.6 var(--sans);color:var(--body-copy);
}

/* ---------- 5. the bridge ---------- */
/* The one section an institution reads closely, so it gets the ink ground
   and the most space. */
#about3 .a3-bridge{background:var(--night);color:#fff}
#about3 .a3-bridge h2{color:#fff}
#about3 .a3-bridge .a3-lead{color:#c4d0d7}
#about3 .a3-bridge-cards{
  margin-top:46px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
}
#about3 .a3-bcard{
  padding:30px 26px 28px;
  background:rgba(255,255,255,.04);
  border-top:2px solid var(--brass);
}
#about3 .a3-bcard span{
  font:700 10px var(--sans);letter-spacing:.16em;
  text-transform:uppercase;color:#e5c38d;
}
#about3 .a3-bcard h3{
  margin:12px 0 10px;font:21px/1.2 var(--serif);color:#fff;
}
#about3 .a3-bcard p{margin:0;font:14px/1.6 var(--sans);color:#c4d0d7}

/* ---------- 6. how the teaching works ---------- */
#about3 .a3-craft-grid{
  display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start;
}
#about3 .a3-method{
  margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px;
}
#about3 .a3-method span{
  padding:8px 14px;background:var(--surface);
  font:12px var(--sans);letter-spacing:.04em;color:var(--ink);
}
#about3 .a3-panels{display:grid;gap:18px}
#about3 .a3-panel{
  padding:26px 26px 24px;background:var(--surface);
}
#about3 .a3-panel h3{
  margin:0 0 8px;font:19px/1.25 var(--serif);color:var(--ink);
}
#about3 .a3-panel p{margin:0;font:14px/1.6 var(--sans);color:var(--body-copy)}
#about3 .a3-panel-score{
  display:flex;align-items:center;gap:20px;
  background:var(--ink);
}
#about3 .a3-panel-score strong{
  font:44px/1 var(--serif);color:#e5c38d;letter-spacing:-.02em;
}
#about3 .a3-panel-score p{color:#c4d0d7;margin:0}
#about3 .a3-panel-score small{
  display:block;margin-top:4px;font-size:12px;color:#8b9aa6;
}

/* ---------- 7. voice & ecosystem ---------- */
#about3 .a3-voice{background:var(--surface)}
#about3 .a3-voice-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px;
}
#about3 .a3-vcard{background:var(--paper);padding:32px 30px 28px}
#about3 .a3-vcard h3{margin:10px 0 12px;font:23px/1.18 var(--serif);color:var(--ink)}
#about3 .a3-vcard p{margin:0;font:15px/1.62 var(--sans);color:var(--body-copy)}
#about3 .a3-tags{margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px}
#about3 .a3-tags span{
  font:11px var(--sans);letter-spacing:.06em;color:var(--muted);
  padding:6px 11px;border:1px solid var(--mist);
}
#about3 .a3-nasscom{
  margin-top:22px;padding-top:18px;border-top:1px solid var(--mist);
  display:flex;align-items:center;gap:14px;
}
#about3 .a3-nasscom img{height:26px;width:auto;opacity:.85}
#about3 .a3-nasscom span{font:12px/1.4 var(--sans);color:var(--muted)}

/* ---------- 8. career & credentials ---------- */
#about3 .a3-rail{
  margin:38px 0 0;padding:26px 0;
  border-top:1px solid var(--mist);border-bottom:1px solid var(--mist);
  display:flex;align-items:center;justify-content:space-between;
  gap:26px;flex-wrap:wrap;
}
#about3 .a3-rail img{height:30px;width:auto;opacity:.72;filter:grayscale(1)}
#about3 .a3-rail img.tall{height:38px}
#about3 .a3-creds{
  margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:38px;
}
#about3 .a3-creds h3{
  margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--brass);
  font:700 11px var(--sans);letter-spacing:.13em;
  text-transform:uppercase;color:var(--ink);
}
#about3 .a3-creds ul{margin:0;padding:0;list-style:none}
#about3 .a3-creds li{
  padding:7px 0;font:14px/1.5 var(--sans);color:var(--body-copy);
}

/* ---------- 9. what shaped this ---------- */
#about3 .a3-roots{background:var(--surface)}
#about3 .a3-roots-grid{
  display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start;
}
#about3 .a3-roots-copy p{
  margin:0 0 18px;font:17px/1.72 var(--serif);color:var(--ink);
}
#about3 .a3-roots-copy p:last-of-type{margin-bottom:0}
#about3 .a3-note{
  margin-top:30px;padding:22px 24px;background:var(--paper);
  border-left:3px solid var(--brass);
}
#about3 .a3-note b{
  display:block;margin-bottom:7px;
  font:700 10px var(--sans);letter-spacing:.15em;
  text-transform:uppercase;color:var(--brass);
}
#about3 .a3-note span{font:15px/1.6 var(--sans);color:var(--ink)}

/* ---------- 10. beyond work ---------- */
#about3 .a3-beyond-grid{
  display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;
}
#about3 .a3-interests{display:flex;flex-wrap:wrap;gap:9px}
#about3 .a3-interests span{
  padding:9px 15px;border:1px solid var(--mist);
  font:13px var(--sans);color:var(--ink);
}
#about3 blockquote.a3-quote{
  margin:34px 0 0;padding:0;
  font:clamp(21px,2.2vw,26px)/1.42 var(--serif);
  color:var(--ink);letter-spacing:-.015em;
}
#about3 blockquote.a3-quote cite{
  display:block;margin-top:16px;font:12px var(--sans);
  font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
}

/* ---------- 11. close ---------- */
#about3 .a3-close{background:var(--night);color:#fff;text-align:center}
#about3 .a3-close h2{color:#fff;max-width:19ch;margin:14px auto 0}
#about3 .a3-close p{
  margin:18px auto 0;max-width:520px;
  font:16px/1.6 var(--sans);color:#c4d0d7;
}
#about3 .a3-close .button{margin-top:30px}

/* ---------- responsive ---------- */
@media(max-width:980px){
  #about3 .a3-lens-grid{grid-template-columns:repeat(2,1fr)}
  #about3 .a3-bridge-cards{grid-template-columns:1fr;gap:16px}
  #about3 .a3-record-grid,
  #about3 .a3-craft-grid,
  #about3 .a3-roots-grid,
  #about3 .a3-beyond-grid{grid-template-columns:1fr;gap:34px}
  #about3 .a3-voice-grid{grid-template-columns:1fr}
  #about3 .a3-creds{grid-template-columns:1fr;gap:28px}
  #about3 section{padding:56px 0}
}
@media(max-width:700px){
  #about3 .a3-top-grid{grid-template-columns:1fr;gap:26px;text-align:left}
  #about3 .a3-portrait{width:118px;height:118px}
  #about3 .a3-proof-grid{grid-template-columns:1fr 1fr}
  #about3 .a3-stat{border-bottom:1px solid rgba(255,255,255,.14)}
  #about3 .a3-stat:nth-child(2n){border-right:0}
  #about3 .a3-lens-grid{grid-template-columns:1fr}
  #about3 .a3-rail{gap:18px}
  #about3 .a3-rail img{height:24px}
  #about3 .a3-rail img.tall{height:30px}
}


/* about-final.css */
/* About — the final page.

   Assembled from the three drafts, section by section, to Sandeep's picks.
   The house style is About 1's editorial folio treatment: numbered sections
   in a narrow left margin, serif headings, a drop cap opening the first
   paragraph of body prose, and a rule-topped margin note for the takeaway.
   That styling carries down the page regardless of which draft a given
   section originally came from, so the page reads as one document rather
   than three stitched together.

   Section provenance is noted above each block for later reference. */

#about{
  --af-rule:rgba(24,34,46,.18);
  --af-paper:#fbfaf7;
  --af-gold:#c49b55;
  background:var(--af-paper);color:var(--ink);
}
#about .af-shell{font-family:var(--sans);overflow:hidden}
#about .af-wrap{max-width:1180px;margin:auto;padding:0 32px}

/* Shared section furniture — the folio look, from About 1.
   Every numbered section uses this pair, so adding a section later is a
   matter of markup rather than new CSS. */
#about .af-no{
  display:flex;gap:15px;align-items:flex-start;
  color:var(--brass);font:700 10px/1.5 var(--sans);
  letter-spacing:.16em;text-transform:uppercase;
}
#about .af-no strong{
  font:44px/.8 var(--serif);font-weight:400;
  letter-spacing:-.04em;color:var(--ink);
}
#about .af-note{
  display:grid;grid-template-columns:auto 1fr;gap:17px;
  margin-top:36px;padding-top:23px;border-top:1px solid var(--af-rule);
  font:600 11px/1.6 var(--sans);letter-spacing:.07em;
  text-transform:uppercase;color:#627078;
}
#about .af-note b{
  color:var(--brass);font:20px var(--serif);font-weight:400;
  letter-spacing:0;text-transform:none;
}

/* ============================================================
   Section 1 — masthead                     [source: About 2]
   The industry/academia axis: portrait sitting across a gold
   block labelled INDUSTRY above and ACADEMIA below, so the
   bridge proposition is made visually before it is argued.
   ============================================================ */
#about .af-hero{
  position:relative;
  background:radial-gradient(rgba(24,34,46,.06) 1px,transparent 1px) 0 0/22px 22px,var(--af-paper);
  border-bottom:1px solid #e2ddd2;
}
#about .af-hero-grid{
  display:grid;grid-template-columns:360px 1fr;gap:64px;
  align-items:center;min-height:600px;padding:60px 0;
}
/* Portrait on the left: a clean rectangle with a thin brass keyline and a
   soft warm shadow — no mount, no block, no border colour but the brand
   brass. The photo carries its own warm studio background, which sits
   naturally against the site's warm palette. Kept narrow so its height
   stays shorter than the copy column beside it. */
/* Solid left edge sits on the content edge, level with the 25+ in the stats
   strip below. The shadow is thrown down-and-right (positive x-offset,
   tight spread) so it never spills left of the photo and break the
   alignment the eye reads. */
#about .af-portrait-wrap{position:relative;align-self:center;justify-self:start;max-width:335px;margin-left:40px}
#about .af-portrait{
  display:block;width:100%;height:auto;
  border:1px solid rgba(183,139,71,.55);
  box-shadow:18px 22px 32px -24px rgba(60,42,18,.42);
}
#about .af-hero h1{
  max-width:640px;margin:0 0 24px;
  font:clamp(44px,4.8vw,64px)/1 var(--serif);letter-spacing:-.045em;
}
#about .af-hero h1 em{display:block;color:var(--brass);font-style:italic;font-weight:400}
#about .af-hero-deck{
  max-width:600px;margin:0;color:#4f6069;font-size:18px;line-height:1.62;
}
#about .af-hero-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
#about .af-hero-proof span{
  background:#fff;border:1px solid #d5cfc4;padding:9px 12px;color:#42535d;
  font:700 10px/1 var(--sans);letter-spacing:.11em;text-transform:uppercase;
}

/* ============================================================
   Section 2 — proof strip                  [source: About 3]
   Four numbers on ink, directly under the masthead, so a reader
   who goes no further still leaves with the scale of it.
   ============================================================ */
/* The ink ground runs full-bleed, but the numbers sit inside the same
   1180px measure as the rest of the page. Outer padding is stripped from
   the first and last cells so "30+" starts on the page's left text edge
   and the last column ends on its right edge — otherwise the wrapper's
   32px and the cell's own 26px stack up and the strip reads inset. */
#about .af-proof{background:var(--ink)}
#about .af-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
#about .af-stat{padding:30px 26px;border-right:1px solid rgba(255,255,255,.14)}
#about .af-stat:first-child{padding-left:0}
#about .af-stat:last-child{padding-right:0;border-right:0}
#about .af-stat strong{
  display:block;font:36px/1 var(--serif);color:#e5c38d;letter-spacing:-.02em;
}
#about .af-stat span{
  display:block;margin-top:9px;
  font:12px/1.45 var(--sans);letter-spacing:.05em;color:#c4d0d7;
}

/* ============================================================
   Section 3 — roots & life lessons  [source: About 1 + About 2]
   About 2's split (heading left, prose right) carrying About 1's
   folio furniture: section number, drop cap, margin note.
   ============================================================ */
#about .section{padding:52px 0}
#about .af-roots{background:var(--af-paper);padding:44px 0}
#about .af-roots-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}
#about .af-roots-head h2{
  margin:26px 0 0;
  font:clamp(31px,3.2vw,40px)/1.12 var(--serif);
  letter-spacing:-.035em;color:var(--ink);
}
#about .af-roots-head h2 em{font-style:italic;color:var(--brass)}
#about .af-roots-copy{max-width:790px}
#about .af-roots-copy p{margin:0 0 22px;color:#40515b;font:18px/1.72 var(--sans)}
#about .af-roots-copy p:first-child{font:26px/1.46 var(--serif);color:var(--ink)}
/* The drop cap. Sized against the 26px serif opener, not the 18px body,
   so it sits flush with the first three lines. */
#about .af-roots-copy p:first-child:first-letter{
  float:left;margin:7px 10px 0 0;color:var(--brass);font:78px/.68 var(--serif);
}

/* ============================================================
   Imported sections (from About 1 / 2 / 3), restyled to one system.
   Ground helpers keep the whole page on the site palette — the same
   tan / white / navy + brass used on the home page — so About reads as
   part of the same site, not a separate document. Titles use the global
   .title (serif) and .kicker (brass) so type matches home exactly.
   ============================================================ */
#about .sec-tan{background:var(--surface)}
#about .sec-light{background:var(--paper)}
#about .sec-dark{background:var(--night);color:#fff}
#about .sec-dark .title{color:#fff}
#about .sec-dark .kicker{color:#e5c38d}
#about .sec-dark .lead{color:#c4d0d7}
#about .af-roots{background:var(--paper)}        /* align roots to white */

/* Two-column section header: heading left, standfirst right. */
#about .af-head2{
  display:grid;grid-template-columns:1fr .95fr;gap:56px;align-items:end;
  margin-bottom:30px;
}
#about .af-head2 .title{margin:12px 0 0}
#about .af-head2 .lead{margin:0}

/* ---- One perspective. Four arenas. (ledger) ---- */
#about .af-ledger{border-top:1px solid var(--af-rule)}
#about .af-lrow{
  display:grid;grid-template-columns:52px 1fr 1.15fr;gap:26px;
  padding:26px 0;border-bottom:1px solid var(--af-rule);align-items:start;
}
#about .af-lrow>span{font:700 12px/1.6 var(--sans);letter-spacing:.1em;color:var(--brass)}
#about .af-lrow h3{margin:0;font:24px/1.15 var(--serif);color:var(--ink)}
#about .af-lrow p{margin:0;font:15px/1.6 var(--sans);color:var(--body-copy)}

/* ---- What three decades taught me (dark) ---- */
#about .af-decades-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:start}
#about .af-impact{display:grid}
#about .af-irow{
  display:grid;grid-template-columns:44px 1fr;gap:18px;
  padding:20px 0;border-top:1px solid rgba(255,255,255,.16);
}
#about .af-irow:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
#about .af-irow span{font:700 11px/1.7 var(--sans);letter-spacing:.12em;color:#e5c38d}
#about .af-irow p{margin:0;font:17px/1.55 var(--serif);color:#fff}
#about .af-out{
  display:inline-block;margin-top:26px;
  font:700 11px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;
  color:#e5c38d;text-decoration:none;
}
#about .af-out:hover{color:#fff}

/* ---- 07 countries (light) ---- */
#about .af-world-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:64px;align-items:center}
#about .af-worldnum strong{display:block;font:112px/.8 var(--serif);font-weight:400;color:var(--brass);letter-spacing:-.05em}
#about .af-worldnum span{display:block;margin-top:14px;font:22px/1.25 var(--serif);color:var(--ink)}
#about .af-countries{
  margin-top:26px;padding-top:20px;border-top:1px solid var(--af-rule);
  display:flex;flex-wrap:wrap;gap:10px 22px;
}
#about .af-countries span{font:700 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}

/* ---- Ideas tested (tan, two cards) ---- */
#about .af-voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
#about .af-vcard{background:var(--surface);padding:32px 30px 28px;border-top:3px solid var(--brass)}
#about .af-vcard h3{margin:11px 0 12px;font:23px/1.18 var(--serif);color:var(--ink)}
#about .af-vcard p{margin:0;font:15px/1.62 var(--sans);color:var(--body-copy)}
#about .af-tags{margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px}
#about .af-tags span{font:11px var(--sans);letter-spacing:.05em;color:var(--muted);padding:6px 11px;border:1px solid var(--mist)}
#about .af-nasscom{margin-top:22px;padding-top:18px;border-top:1px solid var(--mist);display:flex;align-items:center;gap:14px}
#about .af-nasscom img{height:24px;width:auto}
#about .af-nasscom span{font:12px/1.4 var(--sans);color:var(--muted)}

/* ---- A journey / career + credentials (light) ---- */
#about .af-rail{
  margin:34px 0 0;padding:26px 0;
  border-top:1px solid var(--af-rule);border-bottom:1px solid var(--af-rule);
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
}
#about .af-rail img{height:30px;width:auto;opacity:.72;filter:grayscale(1)}
#about .af-rail img.tall{height:38px}
#about .af-creds{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
#about .af-creds h3{
  margin:0 0 13px;padding-bottom:10px;border-bottom:1px solid var(--brass);
  font:700 11px var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--ink);
}
#about .af-creds p{margin:0;font:14px/1.7 var(--sans);color:var(--body-copy)}

/* ============================================================
   Career credentials — Version B (proposed, for A/B compare).
   White cards on the tan section make the block a visual object rather
   than a run of plain text a reader skims past; each entry leads with the
   programme in serif and carries the endorser (HP, MIT Sloan, Harvard,
   IICA, NISM) as a brass chip — that endorsement is the real credibility
   signal, so it gets the colour and the eye.
   ============================================================ */
#about .ab-tag{
  display:inline-block;margin-bottom:16px;padding:4px 11px;
  font:700 10px var(--sans);letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);border:1px dashed var(--surface-border);
}
#about .ab-tag.ab-new{color:var(--brass);border-color:var(--brass)}

/* Logo rail with white base knocked out via multiply — matches home. */
#about .af2-rail{
  margin:34px 0 0;padding:26px 0;
  border-top:1px solid var(--af-rule);border-bottom:1px solid var(--af-rule);
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
}
#about .af2-rail img{height:30px;width:auto;filter:grayscale(1);opacity:.82;mix-blend-mode:multiply}
#about .af2-rail img.tall{height:38px}

#about .af2-creds{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:44px}
/* Column titles a shade darker (ink, not brass) and 1px bigger, with a thin
   rule under them so they anchor each column. */
#about .af2-cat{
  margin:0 0 15px;padding-bottom:9px;border-bottom:1px solid var(--af-rule);
  font:700 12px var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--ink);
}
#about .af2-list{list-style:none;margin:0;padding:0;display:grid;gap:15px}
#about .af2-list li{display:flex;flex-direction:column;gap:2px}
#about .af2-name{font:16px/1.35 var(--serif);color:var(--ink)}
#about .af2-name .af2-src{font-size:14px;color:var(--muted)}
#about .af2-sub{font:13px/1.45 var(--sans);color:var(--muted)}
@media(max-width:900px){#about .af2-creds{grid-template-columns:1fr;gap:28px}}

/* Same credentials block, now on the black strip: category labels go brass,
   names white, institutions a light muted, rules lightened. Content is
   identical to the tan version — only the palette flips for the dark ground. */
#about .af-creds-sec .af2-creds{margin-top:26px}
#about .af-creds-sec .af2-cat{color:#e5c38d;border-bottom-color:rgba(255,255,255,.2)}
#about .af-creds-sec .af2-name{color:#fff}
#about .af-creds-sec .af2-sub{color:#8b9aa6}

/* ---- Gratitude quote (tan) ---- */
#about .af-quote-sec{text-align:center}
#about .af-bigquote{
  margin:0 auto;max-width:900px;padding:0;
  font:clamp(26px,3vw,36px)/1.35 var(--serif);color:var(--ink);letter-spacing:-.02em;
}
#about .af-bigquote:before{
  content:"\201C";display:block;margin-bottom:6px;
  font:64px/1 var(--serif);color:var(--brass);
}
#about .af-bigquote cite{
  display:block;margin-top:20px;font:700 11px var(--sans);font-style:normal;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
}

@media(max-width:900px){
  #about .af-head2,#about .af-decades-grid,#about .af-world-grid{grid-template-columns:1fr;gap:30px}
  #about .af-voice-grid,#about .af-creds{grid-template-columns:1fr;gap:26px}
  #about .af-lrow{grid-template-columns:40px 1fr;gap:16px}
  #about .af-lrow p{grid-column:2}
  #about .af-worldnum strong{font-size:84px}
}

/* ---------- responsive ---------- */
@media(max-width:1000px){
  #about .af-hero-grid{grid-template-columns:300px 1fr;gap:40px;min-height:0}
  #about .af-roots-grid{gap:50px}
}
@media(max-width:860px){
  #about .af-hero-grid{grid-template-columns:1fr;gap:36px;padding:48px 0}
  #about .af-portrait-wrap{max-width:420px}
  #about .af-hero h1{font-size:46px}
  #about .af-roots-grid{grid-template-columns:1fr;gap:35px}
  #about .af-roots{padding:64px 0}
  #about .af-roots-copy p:first-child{font-size:23px}
}
@media(max-width:600px){
  #about .af-hero h1{font-size:40px}
  #about .af-hero-deck{font-size:16px}
  /* Two columns: the edge cells change, so the padding reset has to follow
     the new grid rather than stay on the first/last child. */
  #about .af-proof-grid{grid-template-columns:1fr 1fr}
  #about .af-stat{border-bottom:1px solid rgba(255,255,255,.14)}
  #about .af-stat:nth-child(2n){border-right:0;padding-right:0}
  #about .af-stat:nth-child(2n+1){padding-left:0}
  #about .af-stat:nth-last-child(-n+2){border-bottom:0}
}


/* home2-about4.css */
/* Home 2 + About 4 — comparison concepts
   One visual language: Georgia for editorial display, Inter for everything functional.
   These selectors are fully namespaced so the existing Home/About concepts stay unchanged. */

.sk-artifact-home-new2,#about4{--c-ink:#152131;--c-night:#0b1522;--c-brass:#b78b47;--c-sand:#e9e3d8;--c-ivory:#f8f5ef;--c-white:#fff;--c-muted:#586773;--c-line:#d7d2c8;--c-serif:Georgia,serif;--c-sans:'Inter',Arial,sans-serif;color:var(--c-ink);background:var(--c-ivory)}
.sk-artifact-home-new2 *,#about4 *{box-sizing:border-box}
.sk-artifact-home-new2 .h2-wrap,#about4 .a4-wrap{width:min(1180px,calc(100% - 64px));margin:0 auto}
.sk-artifact-home-new2 h1,.sk-artifact-home-new2 h2,.sk-artifact-home-new2 h3,#about4 h1,#about4 h2,#about4 h3{font-family:var(--c-serif);font-weight:400;color:var(--c-ink)}
.sk-artifact-home-new2 p,.sk-artifact-home-new2 li,#about4 p,#about4 li{font-family:var(--c-sans)}
.sk-artifact-home-new2 .h2-kicker,#about4 .a4-kicker{display:block;color:var(--c-brass);font:600 11px/1.3 var(--c-sans);letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
.sk-artifact-home-new2 .h2-rule,#about4 .a4-rule{height:1px;background:var(--c-line)}

/* HOME 2 */
.sk-artifact-home-new2 .h2-hero{position:relative;overflow:hidden;background:radial-gradient(#e6ded0 1px,transparent 1px) 0 0/18px 18px,#fbfaf7;border-bottom:1px solid var(--c-line)}
.sk-artifact-home-new2 .h2-hero-grid{min-height:610px;display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch;gap:52px}
.sk-artifact-home-new2 .h2-hero-copy{align-self:center;padding:76px 0}
.sk-artifact-home-new2 .h2-hero-copy h1{font-size:clamp(54px,6.2vw,82px);line-height:.96;letter-spacing:-.052em;margin:0 0 28px;max-width:700px}
.sk-artifact-home-new2 .h2-hero-copy h1 em{font-weight:400;color:var(--c-brass)}
.sk-artifact-home-new2 .h2-hero-deck{max-width:680px;margin:0 0 34px;color:#465764;font:500 18px/1.62 var(--c-sans)}
.sk-artifact-home-new2 .h2-actions{display:flex;gap:10px;flex-wrap:wrap}
.sk-artifact-home-new2 .h2-action{border:1px solid var(--c-night);background:var(--c-night);color:white;padding:14px 20px;font:600 12px/1 var(--c-sans);cursor:pointer}
.sk-artifact-home-new2 .h2-action.alt{background:white;color:var(--c-night)}
.sk-artifact-home-new2 .h2-portrait{position:relative;isolation:isolate;min-height:610px}
.sk-artifact-home-new2 .h2-portrait:before{content:"";position:absolute;z-index:0;left:54px;right:8px;top:0;height:76%;border-radius:220px 220px 0 0;border:1px solid rgba(183,139,71,.75)}
.sk-artifact-home-new2 .h2-portrait:after{content:"";position:absolute;z-index:1;left:102px;right:-12px;top:0;height:72%;border-radius:210px 210px 0 0;background:linear-gradient(145deg,#caa75f,#b78b47)}
.sk-artifact-home-new2 .h2-portrait img{position:absolute;z-index:2;right:-12px;bottom:0;height:100%;width:auto;max-width:none;object-fit:contain;object-position:bottom right}
.sk-artifact-home-new2 .h2-portrait-note{position:absolute;z-index:3;right:0;bottom:24px;width:235px;background:var(--c-night);color:white;padding:15px 18px;font:600 10px/1.5 var(--c-sans);letter-spacing:.1em;text-transform:uppercase}
.sk-artifact-home-new2 .h2-facts{background:var(--c-sand)}
.sk-artifact-home-new2 .h2-fact-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.sk-artifact-home-new2 .h2-fact{padding:26px 24px;border-right:1px solid #cbc3b7}
.sk-artifact-home-new2 .h2-fact:last-child{border-right:0}
.sk-artifact-home-new2 .h2-fact strong{display:block;font:400 33px/1 var(--c-serif);margin-bottom:7px}
.sk-artifact-home-new2 .h2-fact span{display:block;color:#586773;font:600 10px/1.45 var(--c-sans);letter-spacing:.09em;text-transform:uppercase}

.sk-artifact-home-new2 .h2-thesis{padding:112px 0;background:var(--c-ivory)}
.sk-artifact-home-new2 .h2-thesis-head{display:grid;grid-template-columns:.88fr 1.12fr;gap:100px;align-items:start;margin-bottom:56px}
.sk-artifact-home-new2 .h2-thesis h2{font-size:clamp(42px,5vw,61px);line-height:1.02;letter-spacing:-.042em;margin:0}
.sk-artifact-home-new2 .h2-thesis-intro{font:500 18px/1.68 var(--c-sans);color:var(--c-muted);margin:33px 0 0;max-width:590px}
.sk-artifact-home-new2 .h2-lanes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--c-ink);border-bottom:1px solid var(--c-line)}
.sk-artifact-home-new2 .h2-lane{padding:30px 30px 34px 0;margin-right:30px;border-right:1px solid var(--c-line)}
.sk-artifact-home-new2 .h2-lane:last-child{border-right:0;margin-right:0}
.sk-artifact-home-new2 .h2-lane b{color:var(--c-brass);font:600 10px/1 var(--c-sans);letter-spacing:.12em;text-transform:uppercase}
.sk-artifact-home-new2 .h2-lane h3{font-size:29px;line-height:1.08;margin:23px 0 13px}
.sk-artifact-home-new2 .h2-lane p{font-size:14px;line-height:1.62;color:var(--c-muted);margin:0}

.sk-artifact-home-new2 .h2-bridge{background:var(--c-night);color:white;padding:108px 0}
.sk-artifact-home-new2 .h2-bridge .h2-kicker{color:#d4b77f}
.sk-artifact-home-new2 .h2-bridge-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:94px;align-items:start}
.sk-artifact-home-new2 .h2-bridge h2{color:white;font-size:clamp(43px,5vw,62px);line-height:1.01;letter-spacing:-.043em;margin:0 0 26px}
.sk-artifact-home-new2 .h2-bridge h2 em{color:#d4b77f;font-weight:400}
.sk-artifact-home-new2 .h2-bridge-copy>p{color:#cbd4da;font-size:17px;line-height:1.7;margin:0}
.sk-artifact-home-new2 .h2-bridge-steps{border-top:1px solid #53606d}
.sk-artifact-home-new2 .h2-bstep{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:22px 0;border-bottom:1px solid #394755}
.sk-artifact-home-new2 .h2-bstep span{color:#d4b77f;font:600 10px/1.4 var(--c-sans);letter-spacing:.12em;text-transform:uppercase}
.sk-artifact-home-new2 .h2-bstep h3{color:white;font-size:24px;margin:0 0 7px}
.sk-artifact-home-new2 .h2-bstep p{color:#aebbc4;font-size:13px;line-height:1.55;margin:0}
.sk-artifact-home-new2 .h2-score{margin-top:30px;display:grid;grid-template-columns:auto 1fr;gap:19px;align-items:center;background:#132334;border-left:3px solid var(--c-brass);padding:18px 22px}
.sk-artifact-home-new2 .h2-score strong{font:400 47px/1 var(--c-serif);color:#d4b77f}
.sk-artifact-home-new2 .h2-score span{font:600 10px/1.5 var(--c-sans);letter-spacing:.09em;text-transform:uppercase;color:#cbd4da}

.sk-artifact-home-new2 .h2-evidence{padding:108px 0;background:white}
.sk-artifact-home-new2 .h2-section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:52px}
.sk-artifact-home-new2 .h2-section-head h2{font-size:clamp(42px,4.8vw,58px);line-height:1.02;letter-spacing:-.04em;margin:0;max-width:680px}
.sk-artifact-home-new2 .h2-section-head p{font-size:15px;line-height:1.65;color:var(--c-muted);max-width:390px;margin:0}
.sk-artifact-home-new2 .h2-outcomes{display:grid;grid-template-columns:1.08fr .92fr;gap:54px}
.sk-artifact-home-new2 .h2-outcome-list{border-top:1px solid var(--c-ink)}
.sk-artifact-home-new2 .h2-outcome{display:grid;grid-template-columns:50px 1fr;gap:12px;padding:25px 0;border-bottom:1px solid var(--c-line)}
.sk-artifact-home-new2 .h2-outcome span{color:var(--c-brass);font:600 11px/1.5 var(--c-sans)}
.sk-artifact-home-new2 .h2-outcome h3{font-size:25px;line-height:1.18;margin:0 0 8px}
.sk-artifact-home-new2 .h2-outcome p{font-size:13px;line-height:1.6;color:var(--c-muted);margin:0}
.sk-artifact-home-new2 .h2-quote{margin:0;background:var(--c-sand);padding:42px;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}
.sk-artifact-home-new2 .h2-quote p{font:400 27px/1.38 var(--c-serif);margin:0}
.sk-artifact-home-new2 .h2-quote footer{margin-top:35px;color:#53616d;font:600 10px/1.55 var(--c-sans);letter-spacing:.08em;text-transform:uppercase}

.sk-artifact-home-new2 .h2-places{padding:76px 0;background:var(--c-sand);border-top:1px solid #d3ccbf;border-bottom:1px solid #d3ccbf}
.sk-artifact-home-new2 .h2-places-head{text-align:center;margin-bottom:36px}
.sk-artifact-home-new2 .h2-places-head h2{font-size:36px;margin:0 0 8px}
.sk-artifact-home-new2 .h2-places-head p{color:var(--c-muted);font-size:14px;margin:0}
.sk-artifact-home-new2 .h2-logo-rail{display:grid;grid-template-columns:repeat(8,1fr);gap:24px;align-items:center}
.sk-artifact-home-new2 .h2-logo-rail img{display:block;max-width:100%;max-height:38px;width:auto;height:auto;margin:auto;object-fit:contain}
.sk-artifact-home-new2 .h2-logo-rail img.tall{max-height:49px}

.sk-artifact-home-new2 .h2-next{padding:108px 0;background:var(--c-ivory)}
.sk-artifact-home-new2 .h2-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sk-artifact-home-new2 .h2-next-card{min-height:320px;border-top:3px solid var(--c-brass);background:white;padding:38px;display:flex;flex-direction:column;align-items:flex-start}
.sk-artifact-home-new2 .h2-next-card.dark{background:var(--c-night);color:white}
.sk-artifact-home-new2 .h2-next-card.dark h3{color:white}
.sk-artifact-home-new2 .h2-next-card h3{font-size:36px;line-height:1.07;margin:6px 0 17px}
.sk-artifact-home-new2 .h2-next-card p{font-size:14px;line-height:1.65;color:var(--c-muted);margin:0 0 26px;max-width:490px}
.sk-artifact-home-new2 .h2-next-card.dark p{color:#b9c5cd}
.sk-artifact-home-new2 .h2-next-card button{margin-top:auto;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;padding:0 0 5px;font:600 11px var(--c-sans);cursor:pointer}

.sk-artifact-home-new2 .h2-desk{padding:0 0 108px;background:var(--c-ivory)}
.sk-artifact-home-new2 .h2-desk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--c-line);border:1px solid var(--c-line)}
.sk-artifact-home-new2 .h2-desk-card{background:white;padding:32px;min-height:265px;display:flex;flex-direction:column;align-items:flex-start}
.sk-artifact-home-new2 .h2-desk-card:nth-child(2){background:var(--c-sand)}
.sk-artifact-home-new2 .h2-desk-card h3{font-size:28px;line-height:1.12;margin:9px 0 14px}
.sk-artifact-home-new2 .h2-desk-card p{font-size:13px;line-height:1.62;color:var(--c-muted);margin:0 0 23px}
.sk-artifact-home-new2 .h2-desk-card button{margin-top:auto;border:0;border-bottom:1px solid var(--c-ink);background:none;color:var(--c-ink);padding:0 0 5px;font:600 10px var(--c-sans);cursor:pointer}

.sk-artifact-home-new2 .h2-close{padding:92px 0;background:var(--c-brass);color:white;text-align:center}
.sk-artifact-home-new2 .h2-close h2{color:white;font-size:clamp(42px,5vw,61px);line-height:1.04;letter-spacing:-.04em;max-width:850px;margin:0 auto 26px}
.sk-artifact-home-new2 .h2-close p{font-size:16px;max-width:610px;margin:0 auto 30px;color:#fff8eb}
.sk-artifact-home-new2 .h2-close button{background:var(--c-night);border:1px solid var(--c-night);color:white;padding:14px 21px;font:600 12px var(--c-sans);cursor:pointer}

/* ABOUT 4 */
#about4 .a4-hero{background:var(--c-sand);border-bottom:1px solid #d0c8bb;padding:86px 0 72px}
#about4 .a4-hero-grid{display:grid;grid-template-columns:1fr 240px;gap:90px;align-items:end}
#about4 .a4-hero h1{font-size:clamp(52px,6.2vw,79px);line-height:.98;letter-spacing:-.052em;margin:0 0 28px;max-width:900px}
#about4 .a4-hero h1 em{font-weight:400;color:var(--c-brass)}
#about4 .a4-deck{font-size:18px;line-height:1.68;color:#4d5d68;max-width:780px;margin:0}
#about4 .a4-id{border-top:1px solid var(--c-ink);padding-top:14px}
#about4 .a4-id img{display:block;width:112px;height:140px;object-fit:cover;object-position:50% 22%;filter:saturate(.82);margin-bottom:18px}
#about4 .a4-id strong{display:block;font:400 18px/1.15 var(--c-serif);margin-bottom:8px}
#about4 .a4-id span{display:block;color:var(--c-muted);font:600 9px/1.6 var(--c-sans);letter-spacing:.09em;text-transform:uppercase}

#about4 .a4-profile{background:var(--c-night);color:white}
#about4 .a4-profile-grid{display:grid;grid-template-columns:1.15fr .85fr}
#about4 .a4-profile-intro{padding:74px 70px 72px 0}
#about4 .a4-profile-intro .a4-kicker{color:#d4b77f}
#about4 .a4-profile-intro h2{font-size:43px;line-height:1.07;color:white;margin:0 0 23px}
#about4 .a4-profile-intro p{font-size:16px;line-height:1.72;color:#bdc9d1;max-width:640px;margin:0}
#about4 .a4-quick{background:#132334;padding:44px 42px;display:grid;grid-template-columns:1fr 1fr;gap:0}
#about4 .a4-q{padding:20px 18px;border-bottom:1px solid #40505e}
#about4 .a4-q:nth-child(odd){border-right:1px solid #40505e}
#about4 .a4-q:nth-last-child(-n+2){border-bottom:0}
#about4 .a4-q b{display:block;color:#d4b77f;font:600 9px/1.4 var(--c-sans);letter-spacing:.11em;text-transform:uppercase;margin-bottom:9px}
#about4 .a4-q span{display:block;color:white;font:400 16px/1.35 var(--c-serif)}

#about4 .a4-roots{padding:112px 0;background:var(--c-ivory)}
#about4 .a4-roots-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:105px}
#about4 .a4-roots h2{font-size:49px;line-height:1.04;letter-spacing:-.04em;margin:0}
#about4 .a4-roots-copy>p{font-size:17px;line-height:1.78;color:#42535f;margin:0 0 18px}
#about4 .a4-belief{margin-top:34px;padding:23px 25px;border-left:3px solid var(--c-brass);background:white}
#about4 .a4-belief b{display:block;color:var(--c-brass);font:600 10px/1 var(--c-sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
#about4 .a4-belief span{font:400 21px/1.45 var(--c-serif)}

#about4 .a4-chapters{padding:106px 0;background:white}
#about4 .a4-chapter-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:end;margin-bottom:52px}
#about4 .a4-chapter-head h2{font-size:54px;line-height:1.03;letter-spacing:-.04em;margin:0}
#about4 .a4-chapter-head p{font-size:16px;line-height:1.7;color:var(--c-muted);margin:0}
#about4 .a4-chapter-list{border-top:1px solid var(--c-ink)}
#about4 .a4-chapter{display:grid;grid-template-columns:72px .72fr 1.28fr;gap:28px;padding:31px 0;border-bottom:1px solid var(--c-line);align-items:start}
#about4 .a4-chapter>span{color:var(--c-brass);font:600 11px/1.5 var(--c-sans)}
#about4 .a4-chapter h3{font-size:29px;line-height:1.12;margin:0}
#about4 .a4-chapter p{font-size:14px;line-height:1.67;color:var(--c-muted);margin:0}

#about4 .a4-record{padding:108px 0;background:var(--c-sand)}
#about4 .a4-record-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:95px}
#about4 .a4-record h2{font-size:52px;line-height:1.03;letter-spacing:-.04em;margin:0 0 21px}
#about4 .a4-record-note{font-size:15px;line-height:1.7;color:var(--c-muted);margin:0}
#about4 .a4-results{border-top:1px solid var(--c-ink)}
#about4 .a4-result{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:23px 0;border-bottom:1px solid #c9c1b5}
#about4 .a4-result span{color:var(--c-brass);font:600 10px var(--c-sans)}
#about4 .a4-result p{font-size:15px;line-height:1.62;margin:0}
#about4 .a4-link{display:inline-block;color:var(--c-ink);margin-top:24px;border-bottom:1px solid var(--c-ink);text-decoration:none;font:600 11px/1.4 var(--c-sans)}

#about4 .a4-bridge{padding:112px 0;background:var(--c-night);color:white}
#about4 .a4-bridge-head{text-align:center;max-width:880px;margin:0 auto 58px}
#about4 .a4-bridge-head .a4-kicker{color:#d4b77f}
#about4 .a4-bridge-head h2{color:white;font-size:clamp(44px,5vw,62px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px}
#about4 .a4-bridge-head p{color:#bdc8d0;font-size:16px;line-height:1.7;margin:0 auto;max-width:760px}
#about4 .a4-flow{display:grid;grid-template-columns:1fr 100px 1fr;align-items:stretch}
#about4 .a4-flow-side{border:1px solid #435260;padding:36px 34px}
#about4 .a4-flow-side>span{color:#d4b77f;font:600 10px var(--c-sans);letter-spacing:.12em;text-transform:uppercase}
#about4 .a4-flow-side h3{font-size:31px;line-height:1.12;color:white;margin:17px 0 14px}
#about4 .a4-flow-side p{font-size:14px;line-height:1.65;color:#aebbc4;margin:0}
#about4 .a4-flow-axis{display:flex;align-items:center;justify-content:center;color:#d4b77f;font:400 36px var(--c-serif)}
#about4 .a4-bridge-actions{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;border-top:1px solid #435260}
#about4 .a4-bridge-action{padding:27px 26px;border-right:1px solid #435260}
#about4 .a4-bridge-action:last-child{border-right:0}
#about4 .a4-bridge-action b{color:#d4b77f;font:600 10px var(--c-sans);letter-spacing:.11em;text-transform:uppercase}
#about4 .a4-bridge-action p{color:white;font-size:14px;line-height:1.58;margin:10px 0 0}

#about4 .a4-learning{padding:108px 0;background:var(--c-ivory)}
#about4 .a4-learning-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;margin-bottom:50px;align-items:end}
#about4 .a4-learning h2{font-size:52px;line-height:1.03;letter-spacing:-.04em;margin:0}
#about4 .a4-learning-head p{font-size:16px;line-height:1.7;color:var(--c-muted);margin:0}
#about4 .a4-rooms{display:grid;grid-template-columns:1fr 1fr;gap:22px}
#about4 .a4-room{background:white;border-top:3px solid var(--c-brass);padding:38px;min-height:340px}
#about4 .a4-room-label{font:600 10px var(--c-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--c-brass)}
#about4 .a4-room h3{font-size:34px;line-height:1.08;margin:19px 0 13px}
#about4 .a4-room p{font-size:14px;line-height:1.67;color:var(--c-muted);margin:0}
#about4 .a4-room ul{list-style:none;padding:0;margin:25px 0 0;border-top:1px solid var(--c-line)}
#about4 .a4-room li{padding:10px 0;border-bottom:1px solid var(--c-line);font-size:12px;color:#455662}
#about4 .a4-scoreline{display:flex;align-items:end;gap:14px;margin-top:27px}
#about4 .a4-scoreline strong{font:400 54px/.9 var(--c-serif);color:var(--c-brass)}
#about4 .a4-scoreline span{font:600 10px/1.5 var(--c-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted)}

#about4 .a4-world{padding:104px 0;background:white}
#about4 .a4-world-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:95px}
#about4 .a4-world-number strong{display:block;font:400 120px/.82 var(--c-serif);color:var(--c-brass)}
#about4 .a4-world-number span{display:block;font:400 26px/1.15 var(--c-serif);margin-top:22px}
#about4 .a4-world-copy h2{font-size:48px;line-height:1.04;margin:0 0 20px}
#about4 .a4-world-copy>p{font-size:16px;line-height:1.72;color:var(--c-muted);margin:0}
#about4 .a4-countries{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
#about4 .a4-countries span{border:1px solid var(--c-line);padding:8px 11px;font:600 10px var(--c-sans);letter-spacing:.04em}

#about4 .a4-voice{padding:104px 0;background:var(--c-sand)}
#about4 .a4-voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
#about4 .a4-vcard{background:var(--c-ivory);padding:38px;border-top:2px solid var(--c-brass)}
#about4 .a4-vcard h3{font-size:34px;line-height:1.08;margin:8px 0 15px}
#about4 .a4-vcard p{font-size:14px;line-height:1.67;color:var(--c-muted);margin:0}
#about4 .a4-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:26px}
#about4 .a4-tags span{background:white;padding:7px 9px;color:#4a5a65;font:600 9px var(--c-sans);letter-spacing:.06em;text-transform:uppercase}

#about4 .a4-foundations{padding:108px 0;background:var(--c-ivory)}
#about4 .a4-foundations h2{font-size:50px;line-height:1.04;margin:0 0 42px;max-width:760px}
#about4 .a4-creds{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--c-ink);padding-top:26px}
#about4 .a4-cred h3{font-size:23px;margin:0 0 18px}
#about4 .a4-cred ul{list-style:none;margin:0;padding:0}
#about4 .a4-cred li{font-size:12px;line-height:1.55;color:var(--c-muted);padding:9px 0;border-bottom:1px solid var(--c-line)}
#about4 .a4-beyond{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;margin-top:75px;padding-top:48px;border-top:1px solid var(--c-line)}
#about4 .a4-beyond h3{font-size:35px;line-height:1.1;margin:0}
#about4 .a4-interests{display:flex;flex-wrap:wrap;gap:9px}
#about4 .a4-interests span{border:1px solid var(--c-line);background:white;padding:10px 12px;font:600 10px var(--c-sans);letter-spacing:.04em}
#about4 .a4-quote{margin:27px 0 0;padding:0 0 0 22px;border-left:3px solid var(--c-brass);font:400 20px/1.45 var(--c-serif)}

#about4 .a4-close{padding:92px 0;background:var(--c-brass);color:white}
#about4 .a4-close-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}
#about4 .a4-close h2{color:white;font-size:52px;line-height:1.03;letter-spacing:-.04em;margin:0}
#about4 .a4-close p{color:#fff8eb;font-size:15px;line-height:1.65;margin:0 0 25px}
#about4 .a4-close button{background:var(--c-night);border:1px solid var(--c-night);color:white;padding:14px 20px;font:600 12px var(--c-sans);cursor:pointer}

/* Prototype concept navigation */
.menu{gap:18px}
.concept-menu{position:relative;align-self:center}
.concept-menu summary{list-style:none;cursor:pointer;color:#d4b77f;font:600 11px 'Inter',Arial,sans-serif;padding:8px 0}
.concept-menu summary::-webkit-details-marker{display:none}
.concept-menu summary:after{content:" +"}
.concept-menu[open] summary:after{content:" −"}
.concept-popover{position:absolute;top:34px;left:50%;transform:translateX(-50%);width:170px;background:#132334;border:1px solid #445260;padding:8px;box-shadow:0 16px 30px rgba(0,0,0,.24);z-index:90}
.concept-popover button{display:block!important;width:100%;text-align:left;padding:9px 10px!important;border:0!important;color:#eef2f4!important;font-size:11px!important}
.concept-popover button:hover,.concept-popover button.active{background:#1c3043!important;color:#e5c38d!important}

@media(max-width:1000px){
  .sk-artifact-home-new2 .h2-hero-grid{grid-template-columns:1fr 380px;gap:18px}
  .sk-artifact-home-new2 .h2-hero-copy h1{font-size:58px}
  .sk-artifact-home-new2 .h2-thesis-head,.sk-artifact-home-new2 .h2-bridge-grid,#about4 .a4-roots-grid,#about4 .a4-record-grid,#about4 .a4-learning-head,#about4 .a4-world-grid{gap:55px}
  #about4 .a4-hero-grid{gap:45px}
  .menu{gap:11px}.menu button{font-size:11px}
}
@media(max-width:800px){
  .sk-artifact-home-new2 .h2-wrap,#about4 .a4-wrap{width:min(100% - 40px,1180px)}
  .sk-artifact-home-new2 .h2-hero-grid,.sk-artifact-home-new2 .h2-thesis-head,.sk-artifact-home-new2 .h2-bridge-grid,.sk-artifact-home-new2 .h2-outcomes,.sk-artifact-home-new2 .h2-next-grid,#about4 .a4-hero-grid,#about4 .a4-profile-grid,#about4 .a4-roots-grid,#about4 .a4-chapter-head,#about4 .a4-record-grid,#about4 .a4-learning-head,#about4 .a4-world-grid,#about4 .a4-close-grid{grid-template-columns:1fr;gap:35px}
  .sk-artifact-home-new2 .h2-hero-copy{padding:55px 0 10px}
  .sk-artifact-home-new2 .h2-portrait{min-height:440px}
  .sk-artifact-home-new2 .h2-fact-grid{grid-template-columns:1fr 1fr}
  .sk-artifact-home-new2 .h2-fact:nth-child(2){border-right:0}
  .sk-artifact-home-new2 .h2-fact:nth-child(-n+2){border-bottom:1px solid #cbc3b7}
  .sk-artifact-home-new2 .h2-lanes,.sk-artifact-home-new2 .h2-logo-rail,.sk-artifact-home-new2 .h2-desk-grid,#about4 .a4-bridge-actions,#about4 .a4-creds{grid-template-columns:1fr 1fr}
  .sk-artifact-home-new2 .h2-lane{border-right:0;margin-right:0;border-bottom:1px solid var(--c-line)}
  .sk-artifact-home-new2 .h2-section-head{display:block}
  .sk-artifact-home-new2 .h2-section-head p{margin-top:20px}
  #about4 .a4-id{display:none}
  #about4 .a4-profile-intro{padding:55px 0 20px}
  #about4 .a4-quick{margin-bottom:55px}
  #about4 .a4-chapter{grid-template-columns:42px 1fr}
  #about4 .a4-chapter p{grid-column:2}
  #about4 .a4-flow{grid-template-columns:1fr}
  #about4 .a4-flow-axis{height:72px;transform:rotate(90deg)}
  #about4 .a4-bridge-action:nth-child(2){border-right:0}
  #about4 .a4-rooms,#about4 .a4-voice-grid{grid-template-columns:1fr}
  #about4 .a4-beyond{grid-template-columns:1fr;gap:30px}
}
@media(max-width:520px){
  .sk-artifact-home-new2 .h2-hero-copy h1,#about4 .a4-hero h1{font-size:46px}
  .sk-artifact-home-new2 .h2-portrait{min-height:370px}
  .sk-artifact-home-new2 .h2-portrait:before{left:15px}
  .sk-artifact-home-new2 .h2-portrait:after{left:48px}
  .sk-artifact-home-new2 .h2-fact-grid,.sk-artifact-home-new2 .h2-lanes,.sk-artifact-home-new2 .h2-logo-rail,.sk-artifact-home-new2 .h2-desk-grid,#about4 .a4-quick,#about4 .a4-bridge-actions,#about4 .a4-creds{grid-template-columns:1fr}
  .sk-artifact-home-new2 .h2-fact{border-right:0;border-bottom:1px solid #cbc3b7}
  .sk-artifact-home-new2 .h2-logo-rail{grid-template-columns:1fr 1fr}
  #about4 .a4-q:nth-child(odd){border-right:0}
  #about4 .a4-q{border-bottom:1px solid #40505e!important}
  #about4 .a4-q:last-child{border-bottom:0!important}
  #about4 .a4-bridge-action{border-right:0;border-bottom:1px solid #435260}
}



.sk-artifact-home-new .hero-fixed{position:relative;background:radial-gradient(#e6ded0 1px,transparent 1px) 0 0/18px 18px,#fbfaf7;overflow:visible}
.sk-artifact-home-new .hero-fixed-grid{display:grid;grid-template-columns:1.1fr .9fr;column-gap:45px;align-items:stretch;padding-top:56px;min-height:576px}
.sk-artifact-home-new .hero-fixed-copy{align-self:center;padding-bottom:56px}
.sk-artifact-home-new .hero-fixed-copy .eyebrow{display:inline-block;background:#c5a45f;border-radius:999px;padding:9px 22px;color:#1c1405;font:700 13px/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.sk-artifact-home-new .hero-fixed-copy .eb-dot{display:inline-block;font-size:1.4em;line-height:0;vertical-align:-.07em;margin:0 .04em}
.sk-artifact-home-new #stats,.sk-artifact-home-new #services{scroll-margin-top:96px}
.sk-artifact-home-new .hero-fixed-copy .button{min-width:214px;text-align:center;box-sizing:border-box;font-size:13px;font-weight:600;line-height:1.2;padding-top:14px;padding-bottom:14px}
.sk-artifact-home-new .hero-fixed-copy h1{color:var(--ink);font:clamp(48px,5.8vw,74px)/.98 var(--serif);letter-spacing:-.045em;margin:18px 0 24px}
.sk-artifact-home-new .hero-fixed-copy p{font-size:19px;max-width:600px;color:#53636d;margin:0 0 32px}
.sk-artifact-home-new .hero-fixed-copy .button{background:var(--night);border-color:var(--night)}
.sk-artifact-home-new .hero-fixed-copy .button.ghost{background:#fff;border-color:var(--night);color:var(--night);transition:background .2s,color .2s}
.sk-artifact-home-new .hero-fixed-copy .button.ghost:hover{background:var(--night);color:#fff}
.sk-artifact-home-new .hero-fixed-portrait{position:relative;align-self:stretch;isolation:isolate}
.sk-artifact-home-new .hero-fixed-portrait:before{content:"";position:absolute;z-index:0;left:78px;top:-56px;width:63%;height:75%;border:1px solid rgba(183,139,71,.74);border-radius:148px 148px 0 0}
.sk-artifact-home-new .hero-fixed-portrait:after{content:"";position:absolute;z-index:1;left:120px;top:-56px;width:67%;height:70%;border-radius:150px 150px 0 0;background:linear-gradient(145deg,#c8a35d,#b78b47)}
.sk-artifact-home-new .hero-fixed-portrait img{display:block;position:absolute;z-index:2;right:14px;bottom:0;left:auto;top:0;width:auto;height:100%;object-fit:contain;object-position:bottom right}
.sk-artifact-home-new .stats{border-top:1px solid var(--night)}
@media(max-width:800px){.sk-artifact-home-new .hero-fixed-grid{grid-template-columns:1fr;padding-top:32px;min-height:0}.sk-artifact-home-new .hero-fixed-copy{padding-bottom:24px}.sk-artifact-home-new .hero-fixed-portrait{height:380px;align-self:auto}}



:root{--ink:#18222e;--night:#0b1522;--ivory:#f7f4ee;--paper:#fff;--brass:#b78b47;--mist:#dce3e6;--muted:#65737b;--serif:Georgia,serif;--sans:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);line-height:1.5}.wrap{max-width:1180px;margin:auto;padding:0 32px}.site-header{height:84px;background:var(--night);color:white;position:sticky;top:0;z-index:50}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.mark{font-weight:700;letter-spacing:.02em;line-height:1.1}.mark small{display:block;font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#aeb8bf;margin-top:5px}.menu{display:flex;gap:27px}.text-link{background:0;border:0;color:inherit;cursor:pointer;font:700 12px var(--sans);letter-spacing:.02em;padding:8px 0}.menu button{background:0;border:0;color:inherit;cursor:pointer;font:600 12px 'Inter',var(--sans);letter-spacing:.01em;padding:8px 0}.menu button.active{color:#e5c38d;border-bottom:1px solid #e5c38d}.button{display:inline-block;background:var(--brass);border:1px solid var(--brass);color:white;padding:13px 19px;cursor:pointer;font:700 12px var(--sans);letter-spacing:.02em}.button.dark{background:var(--night);border-color:var(--night)}.button.ghost{background:transparent;border-color:#8997a0;color:white}.button+ .button{margin-left:9px}.nav-social{display:flex;align-items:center;gap:12px}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;transition:border-color .2s,color .2s,background .2s}.social-link:hover,.social-link:focus-visible{border-color:var(--brass);color:var(--brass);background:rgba(255,255,255,.05)}.social-link:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.view{display:none}.view.active{display:block}.eyebrow,.kicker{color:var(--brass);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.hero{background:var(--night);color:white;overflow:visible}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;min-height:610px}.hero h1{font:clamp(48px,6vw,78px)/.98 var(--serif);letter-spacing:-.045em;margin:18px 0 24px}.hero p{font-size:19px;max-width:600px;color:#d8e0e3;margin:0 0 32px}.portrait{height:470px;background:linear-gradient(145deg,#465e6e,#172a3a 58%,#0c1c29);border-radius:0 0 220px 0;position:relative;overflow:hidden}.portrait:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:#b78b47;right:-110px;top:-100px}.portrait:after{content:"SK";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:120px var(--serif);color:white}.portrait label{position:absolute;z-index:1;bottom:28px;left:28px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#d8e0e3}.stats{background:var(--sk-sand-x,#e8e3d9)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:29px 22px;border-right:1px solid #cdc5b9}.stat:last-child{border:0}.stat strong{display:block;font:35px var(--serif)}.stat span{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.section{padding:105px 0}.title{font:48px/1.05 var(--serif);letter-spacing:-.035em;margin:14px 0 27px;max-width:750px}.lead{font-size:18px;color:#536169;max-width:690px}.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.timeline div{display:grid;grid-template-columns:100px 1fr;padding:18px 0;border-top:1px solid var(--mist)}.timeline b{color:var(--brass);font-size:12px}.services{background:white}.services .lead{margin:0 0 34px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{background:#f4f2ed;padding:24px;min-height:190px;border:1px solid transparent}.service:hover{border-color:var(--brass)}.service h3{font:23px/1.14 var(--serif);margin:2px 0 10px}.service p{font-size:14px;color:var(--muted)}.faculty{background:var(--night);color:white}.faculty-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:80px;align-items:center}.faculty .title{color:white}.faculty .lead{color:#d6dfe3}.score{border:1px solid #556472;padding:42px}.score strong{font:80px/.9 var(--serif);color:#d7b97f}.score p{font-size:13px;color:#d6dfe3}.test-home{background:#eee9df}.quote-card{background:white;border-top:4px solid var(--brass);padding:48px;font:30px/1.26 var(--serif)}.quote-card footer{font:11px var(--sans);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:30px}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article{border-top:1px solid var(--ink);padding-top:19px}.article h3{font:27px/1.14 var(--serif);margin:14px 0}.article p{font-size:14px;color:var(--muted)}.tag{font-size:10px;color:var(--brass);font-weight:700;letter-spacing:.13em;text-transform:uppercase}.media-row{background:white;border-top:1px solid var(--mist);border-bottom:1px solid var(--mist);display:grid;grid-template-columns:repeat(4,1fr)}.media-row div{padding:25px;border-right:1px solid var(--mist);font-weight:700}.media-row div:last-child{border:0}.cta{padding:105px 0;background:var(--brass);color:white;text-align:center}.cta h2{font:50px/1 var(--serif);letter-spacing:-.035em;max-width:720px;margin:14px auto 21px}.cta p{max-width:520px;margin:0 auto 30px;color:#fff8e9}.page-hero{padding:64px 0 44px;background:transparent;color:var(--ink)}.page-hero h1{font:clamp(42px,5vw,58px)/1.02 var(--serif);letter-spacing:-.038em;margin:14px 0 0;color:var(--ink)}.page-hero p{color:#536169;max-width:660px;font-size:18px;margin:16px 0 0}.tabs{display:flex;gap:11px;flex-wrap:wrap;margin:30px 0}.tabs button{border:1px solid #cfd6d7;background:transparent;padding:11px 18px;font:700 11px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:border-color .2s,color .2s,background .2s}.tabs button:hover{border-color:var(--brass);color:var(--brass)}.tabs button.on{background:var(--ink);border-color:var(--ink);color:white}.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.tcard{background:white;padding:34px;min-height:260px;border-top:3px solid var(--brass)}.tcard blockquote{font:25px/1.25 var(--serif);margin:0}.tcard footer{margin-top:35px;font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.feature-banner{margin:30px 0 70px;padding:55px;background:#e9e3d5;display:flex;gap:40px;align-items:center}.feature-banner strong{font:65px/.9 var(--serif);color:var(--brass)}.media-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:0;background:white;margin-top:32px}.media-feature .art{padding:55px;background:linear-gradient(145deg,#d8cfbe,#f8f6f0);min-height:310px;display:flex;align-items:end;font:42px/1 var(--serif)}.media-feature .copy{padding:47px}.media-feature h2{font:34px/1.08 var(--serif);margin:14px 0}.press-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:20px}.press{padding:28px;background:white;min-height:190px;border-top:1px solid var(--brass)}.press .badge{font:700 16px var(--serif)}.archive-grid{display:grid;grid-template-columns:1fr 300px;gap:55px}.search{width:100%;border:1px solid #bbc5c9;padding:15px;background:white;font:14px var(--sans);margin:10px 0 6px}.post-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.post-card{background:white;padding:28px;border-top:3px solid transparent;cursor:pointer}.post-card:hover{border-top-color:var(--brass)}.post-card h2{font:27px/1.1 var(--serif);margin:14px 0}.sidebar{position:sticky;top:104px;align-self:start;border-top:2px solid var(--brass);padding-top:20px}.sidebar h3{font:27px var(--serif);margin:10px 0}.sidebar p{font-size:14px;color:var(--muted)}.article-page{max-width:800px;margin:auto;padding:80px 32px}.crumb{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.article-page h1{font:60px/.99 var(--serif);letter-spacing:-.04em;margin:21px 0}.article-meta{font-size:12px;color:var(--muted);border-bottom:1px solid var(--mist);padding-bottom:27px}.article-body{font:19px/1.75 var(--serif);margin-top:38px}.article-body p:first-of-type:first-letter{float:left;font-size:70px;line-height:.75;padding:10px 8px 0 0;color:var(--brass)}.pull{margin:45px -40px;padding:30px 40px;border-left:4px solid var(--brass);font:31px/1.25 var(--serif);background:white}.author-card,.comments{margin-top:55px;padding:28px;background:#ebe6dc}.author-card h3,.comments h3{font:26px var(--serif);margin:0 0 9px}.next-prev{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:54px 0}.next-prev button{padding:22px;text-align:left;background:white;border:0;cursor:pointer;font:20px var(--serif)}.comment{padding:16px 0;border-top:1px solid #c8cbc7;font-size:14px}.comment strong{display:block;font-size:12px}.hidden{display:none!important}@media(max-width:800px){.menu{display:none}.hero-grid,.story,.faculty-grid,.media-feature,.archive-grid{grid-template-columns:1fr;gap:35px}.section{padding:70px 0}.stats-grid,.service-grid,.insights-grid,.media-row,.testimonial-grid,.press-grid,.post-list{grid-template-columns:1fr 1fr}.stat{border-bottom:1px solid #cdc5b9}.portrait{height:350px}.page-hero h1,.article-page h1{font-size:48px}.sidebar{position:static}.article-page{padding:60px 20px}.pull{margin:35px 0}.feature-banner{display:block}.feature-banner strong{display:block;margin-bottom:24px}}@media(max-width:500px){.stats-grid,.service-grid,.insights-grid,.media-row,.testimonial-grid,.press-grid,.post-list,.next-prev{grid-template-columns:1fr}.wrap{padding:0 20px}.hero h1{font-size:48px}.button.ghost{margin:10px 0 0}.article-page h1{font-size:42px}}