:root{
  --ink:#111111; --ink-soft:#181816; --ink-line:#262622;
  --yellow:#F3E733; --yellow-deep:#e3d61c; --yellow-text:#8a8204;
  --paper:#FAFAF8; --panel:#F1F1ED; --line:#E4E4DE;
  --text:#23231f; --muted:#6E6E69;
  --sidebar-w:248px;
  --display:"Bricolage Grotesque",system-ui,sans-serif;
  --body:"Inter",system-ui,sans-serif;
  --serif:"Fraunces",Georgia,serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);background:var(--paper);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;     display: inline-block;}
img{display:block;max-width:75%}
svg{display:block}
.hex{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}

/* SIDEBAR */
.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--ink);color:#f4f4f0;
  display:flex;flex-direction:column;justify-content:space-between;padding:34px 26px;z-index:50}
.brandmark{display:flex;flex-direction:column;gap:14px}
.monogram{font-family:var(--display);font-weight:800;font-size:30px;letter-spacing:-1px;width:60px;height:66px;
  display:grid;place-items:center;border:2px solid var(--yellow);color:var(--yellow)}
.brandmark .label{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:3px;line-height:1.6;text-transform:uppercase}
.brandmark .label span{color:var(--yellow)}
.navlist{margin-top:44px;display:flex;flex-direction:column;gap:2px}
.navlist a{font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;color:#bdbdb6;
  padding:9px 0;display:flex;align-items:center;gap:11px;transition:color .18s,transform .18s}
.navlist a .dot{width:6px;height:6px;background:#3a3a36;transform:rotate(45deg);transition:background .18s}
.navlist a:hover{color:#fff;transform:translateX(3px)}
.navlist a.active{color:#fff}
.navlist a.active .dot{background:var(--yellow)}
.side-foot{display:flex;flex-direction:column;gap:22px}
.socials{display:flex;gap:16px}
.socials a{color:#9b9b94;transition:color .18s}
.socials a:hover{color:var(--yellow)}
.download{display:flex;align-items:center;gap:10px;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#bdbdb6;font-weight:600}
.download:hover{color:var(--yellow)}

/* MAIN / SHARED */
.main{margin-left:var(--sidebar-w);position:relative;min-height:100vh;display:flex;flex-direction:column}
.topbar{position:absolute;top:0;right:0;z-index:40}
.lets-connect{background:var(--yellow);color:var(--ink);font-family:var(--display);font-weight:700;font-size:12.5px;
  letter-spacing:2px;text-transform:uppercase;padding:22px 34px;display:inline-flex;align-items:center;gap:14px;transition:background .18s}
.lets-connect:hover{background:var(--yellow-deep)}
.wrap{padding:0 64px}
.menu-btn{display:none}

.pagehead{padding:118px 64px 14px}
.kick{font-family:var(--display);font-weight:700;font-size:11.5px;letter-spacing:3px;text-transform:uppercase;color:var(--yellow-text);margin-bottom:20px}
.kick.on-dark{color:var(--yellow)}
.page-title{font-family:var(--display);font-weight:800;font-size:clamp(34px,4.4vw,52px);line-height:1.04;letter-spacing:-1.5px;color:var(--ink);max-width:760px}
.page-title .y{position:relative;display:inline-block}
.page-title .y::after{content:"";position:absolute;left:-2px;right:-4px;bottom:.1em;height:.26em;background:var(--yellow);z-index:-1}
.lead{font-size:18px;color:var(--muted);max-width:620px;margin-top:22px;line-height:1.6}

.btn-dark{background:var(--ink);color:#fff;font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:2px;text-transform:uppercase;padding:18px 30px;display:inline-flex;align-items:center;gap:12px;transition:transform .18s,background .18s}
.btn-dark:hover{background:#000;transform:translateY(-2px)}
.btn-ghost{border:1.5px solid var(--ink);color:var(--ink);font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:2px;text-transform:uppercase;padding:18px 30px;display:inline-flex;align-items:center;gap:12px;transition:background .18s,color .18s}
.btn-ghost:hover{background:var(--ink);color:#fff}
.btn-yellow{background:var(--yellow);color:var(--ink);font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:2px;text-transform:uppercase;padding:18px 30px;display:inline-flex;align-items:center;gap:12px;transition:background .18s}
.btn-yellow:hover{background:var(--yellow-deep)}
.readmore{font-family:var(--display);font-weight:700;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;display:inline-flex;gap:10px;align-items:center;color:var(--ink)}
.readmore .arr{color:var(--yellow-text)}
.readmore.light{color:#fff}.readmore.light .arr{color:var(--yellow)}

/* FOOTER */
footer{margin-top:auto;background:var(--ink);color:#bdbdb6;padding:42px 64px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px}
footer .fnav{display:flex;gap:22px;flex-wrap:wrap;font-family:var(--display);font-weight:600;font-size:11.5px;letter-spacing:2px;text-transform:uppercase}
footer .fnav a:hover{color:var(--yellow)}
footer .meliora{font-family:var(--serif);font-style:italic;color:var(--yellow);font-size:17px}
footer .copy{font-size:12px;color:#7d7d76}

/* ---------- HERO (home) ---------- */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;min-height:90vh;padding-top:40px}
.eyebrow{font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:3px;text-transform:uppercase;color:var(--yellow-text);display:flex;align-items:center;gap:12px;margin-bottom:26px}
.eyebrow::before{content:"";width:34px;height:2px;background:var(--yellow)}
.hero h1{font-family:var(--display);font-weight:800;font-size:clamp(46px,6.6vw,92px);line-height:.95;letter-spacing:-2.5px;color:var(--ink)}
.hero h1 .y{position:relative;display:inline-block}
.hero h1 .y::after{content:"";position:absolute;left:-2px;right:-4px;bottom:.12em;height:.30em;background:var(--yellow);z-index:-1}
.hero .lede{font-size:18px;color:var(--muted);max-width:440px;margin:30px 0 38px;line-height:1.62}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap}
.portrait-wrap{position:relative;display:flex;justify-content:center;align-items:center;min-height:560px}
.hexbg{position:absolute;width:430px;height:480px;background:var(--yellow);right:7%;top:50%;transform:translateY(-50%);z-index:0}
.hexbg.outline{background:transparent;border:2px solid var(--ink);width:472px;height:524px;right:3%;opacity:.10}
.portrait,.portrait-fallback{position:relative;z-index:2;width:392px;height:474px}
.portrait{object-fit:cover;object-position:top center;filter:grayscale(100%) contrast(1.05);background:var(--ink)}
.portrait-fallback{display:none;background:var(--ink);place-items:center;color:var(--yellow);font-family:var(--display);font-weight:800;font-size:110px}
.credo{position:absolute;right:-6px;bottom:7%;z-index:3;max-width:244px;background:var(--paper);border-left:3px solid var(--yellow);padding:16px 20px;box-shadow:0 18px 44px rgba(17,17,17,.12)}
.credo .q{font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.35;color:var(--ink)}
.credo .who{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:10px;font-weight:600}

.stats{background:var(--panel);margin:0 -0px;padding:44px 64px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;    text-align: center; border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{display:flex;flex-direction:column;gap:3px;padding-right:22px;border-right:1px solid var(--line)}
.stat:last-child{border-right:none}
.stat .num{font-family:var(--display);font-weight:800;font-size:34px;color:var(--ink);letter-spacing:-1px;line-height:1}
.stat .num em{font-style:normal;color:var(--yellow-deep)}
.stat .lab{font-weight:700;font-size:13px;color:var(--text);margin-top:6px}
.stat .sub{font-size:12px;color:var(--muted)}

.triptych{display:grid;grid-template-columns:1fr 1fr 1fr}
.panel{padding:56px 46px}
.pa{background:var(--ink);color:#ededea}
.pa .kick{color:var(--yellow)}
.pa h2{font-family:var(--display);font-weight:700;font-size:30px;line-height:1.12;letter-spacing:-.5px;margin-bottom:22px}
.pa h2 .y{color:var(--yellow)}
.pa p{color:#a7a7a1;font-size:14.5px;margin-bottom:26px}
.pb{background:var(--paper)}
.pb h2{font-family:var(--display);font-weight:700;font-size:26px;letter-spacing:-.4px;margin-bottom:30px;color:var(--ink)}
.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 22px}
.imp{display:flex;flex-direction:column;gap:8px}
.imp .ic{width:38px;height:42px;display:grid;place-items:center;border:1.5px solid var(--yellow);color:var(--ink);margin-bottom:4px}
.imp h3{font-family:var(--display);font-weight:700;font-size:15px;color:var(--ink)}
.imp p{font-size:12.8px;color:var(--muted);line-height:1.5}
.pc{background:var(--panel)}
.pc h2{font-family:var(--display);font-weight:700;font-size:30px;line-height:1.1;letter-spacing:-.5px;margin-bottom:20px;color:var(--ink)}
.pc p{font-size:14.5px;color:var(--muted);margin-bottom:28px;max-width:320px}
.philo-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.philo-tags span{font-family:var(--display);font-weight:600;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;border:1px solid var(--line);background:var(--paper);padding:8px 13px;color:var(--text)}

/* INSIGHTS band */
.insights{background:var(--ink);color:#fff;padding:64px}
.ins-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px;flex-wrap:wrap;gap:16px}
.ins-head h2{font-family:var(--display);font-weight:700;font-size:32px;letter-spacing:-.5px}
.viewall{font-family:var(--display);font-weight:700;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:#fff;display:inline-flex;gap:10px;align-items:center}
.viewall .arr{color:var(--yellow)}
.ins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:var(--ink-soft);border:1px solid var(--ink-line);padding:26px;display:flex;flex-direction:column;gap:14px;transition:transform .2s,border-color .2s;min-height:210px}
.card:hover{transform:translateY(-4px);border-color:var(--yellow)}
.card .tag{font-family:var(--display);font-weight:700;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--yellow)}
.card h3{font-family:var(--display);font-weight:700;font-size:17px;line-height:1.25;color:#fff}
.card .meta{font-size:12px;color:#86867f;margin-top:auto}
.card .rm{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#cfcfc8;font-weight:600;display:inline-flex;gap:8px;align-items:center}
.card .rm .arr{color:var(--yellow)}

/* ---------- ABOUT ---------- */
.about-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;padding:40px 64px 70px;  margin-top:60px;}
.about-hero h2{font-family:var(--display);font-weight:800;font-size:clamp(30px,3.6vw,44px);line-height:1.06;letter-spacing:-1.2px;color:var(--ink)}
.about-hero h2 .y{color:var(--yellow-text)}
.about-hero p{font-size:16px;color:var(--muted);margin-top:22px;max-width:460px}
.about-portrait{position:relative;display:flex;justify-content:center}
.about-portrait .hexbg{width:360px;height:402px;right:auto;left:50%;transform:translate(-50%,-50%)}
.about-portrait .portrait,.about-portrait .portrait-fallback{width:330px;height:398px}
.summary{background:var(--panel);padding:60px 64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.summary p{font-size:18px;color:var(--text);line-height:1.6}
.values-band{display:grid;grid-template-columns:1.2fr .8fr}
.values-q{padding:64px;background:var(--paper)}
.values-q .quote{font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.4;color:var(--ink);max-width:440px}
.values-q .mark{font-family:var(--serif);font-size:60px;color:var(--yellow);line-height:.4}
.values-list{background:var(--ink);color:#ededea;padding:64px}
.values-list .kick{color:var(--yellow)}
.values-list ul{list-style:none;margin-top:10px}
.values-list li{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--ink-line);font-family:var(--display);font-weight:600;font-size:16px}
.values-list li:last-child{border-bottom:none}
.values-list li .hx{width:14px;height:16px;background:var(--yellow);flex:none}
.edu-band{padding:60px 64px;border-top:1px solid var(--line)}
.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:8px}
.edu-card{border:1px solid var(--line);background:var(--paper);padding:30px 32px;display:flex;gap:20px;align-items:flex-start;transition:border-color .2s,transform .2s}
.edu-card:hover{border-color:var(--yellow);transform:translateY(-3px)}
.edu-card .ic{width:46px;height:50px;flex:none;display:grid;place-items:center;border:1.5px solid var(--yellow);color:var(--ink)}
.edu-card .yr{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:1px;color:var(--yellow-text)}
.edu-card h3{font-family:var(--display);font-weight:700;font-size:18px;color:var(--ink);margin:3px 0 4px}
.edu-card .inst{font-size:14px;color:var(--text)}
.edu-card .field{font-size:13px;color:var(--muted);margin-top:5px}

/* ---------- TIMELINE (journey) ---------- */
.timeline{padding:46px 64px 80px;max-width:880px}
.tl-item{display:grid;grid-template-columns:64px 1fr;gap:26px;position:relative;padding-bottom:38px}
.tl-item:not(:last-child)::before{content:"";position:absolute;left:31px;top:64px;bottom:0;width:2px;background:var(--line)}
.tl-node{width:64px;height:64px;display:grid;place-items:center;background:var(--ink);color:var(--yellow);z-index:2}
.tl-body .yr{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:1px;color:var(--yellow-text)}
.tl-body h3{font-family:var(--display);font-weight:700;font-size:20px;color:var(--ink);margin:2px 0 6px}
.tl-body p{font-size:14.5px;color:var(--muted);max-width:520px}
.note{background:var(--panel);border-left:3px solid var(--yellow);padding:14px 18px;font-size:13px;color:var(--muted);max-width:880px;margin:0 64px 60px}

/* ---------- IMPACT cards ---------- */
.metric-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;padding:46px 64px 30px}
.metric{background:var(--paper);border:1px solid var(--line);padding:34px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s,transform .2s}
.metric:hover{border-color:var(--yellow);transform:translateY(-3px)}
.metric .ic{width:42px;height:46px;display:grid;place-items:center;border:1.5px solid var(--yellow);color:var(--ink);margin-bottom:8px}
.metric .num{font-family:var(--display);font-weight:800;font-size:40px;color:var(--ink);letter-spacing:-1.5px;line-height:1}
.metric h3{font-family:var(--display);font-weight:700;font-size:16px;color:var(--ink)}
.metric p{font-size:13px;color:var(--muted)}
.awards{background:var(--ink);color:#ededea;padding:56px 64px;margin-top:30px}
.awards .kick{color:var(--yellow);text-align:center}
.awards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:30px;text-align:center}
.award .ic{width:48px;height:52px;margin:0 auto 14px;display:grid;place-items:center;border:1.5px solid var(--yellow);color:var(--yellow)}
.award h4{font-family:var(--display);font-weight:700;font-size:15px;color:#fff}
.award p{font-size:12.5px;color:#9a9a93;margin-top:4px}

/* ---------- APPROACH ---------- */
.approach-main{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;padding:40px 64px 64px;align-items:start}
.acc{display:flex;flex-direction:column;gap:14px}
.acc-item{background:var(--paper);border:1px solid var(--line);padding:24px 26px;display:flex;gap:18px;transition:border-color .2s}
.acc-item:hover{border-color:var(--yellow)}
.acc-item .ic{width:40px;height:44px;flex:none;display:grid;place-items:center;border:1.5px solid var(--yellow);color:var(--ink)}
.acc-item h3{font-family:var(--display);font-weight:700;font-size:17px;color:var(--ink);margin-bottom:5px}
.acc-item p{font-size:13.5px;color:var(--muted)}
.approach-portrait{position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:6px}
.approach-portrait .hexbg{width:340px;height:380px;right:auto;left:50%;transform:translate(-48%,-46%)}
.approach-portrait .portrait,.approach-portrait .portrait-fallback{width:320px;height:392px}
.approach-band{background:var(--ink);color:#ededea;padding:60px 64px}
.approach-band .kick{color:var(--yellow)}
.approach-band .big{font-family:var(--serif);font-style:italic;font-size:24px;line-height:1.45;max-width:680px;color:#f4f4f0;margin-bottom:40px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center}
.pillar .ic{width:50px;height:54px;margin:0 auto 14px;display:grid;place-items:center;border:1.5px solid var(--yellow);color:var(--yellow)}
.pillar h4{font-family:var(--display);font-weight:700;font-size:16px;color:#fff}
.pillar p{font-size:12.5px;color:#9a9a93;margin-top:5px}

/* ---------- INSIGHTS PAGE ---------- */
.filters{display:flex;gap:10px;flex-wrap:wrap;padding:34px 64px 8px}
.filters button{font-family:var(--display);font-weight:600;font-size:12px;letter-spacing:1px;text-transform:uppercase;
  border:1px solid var(--line);background:var(--paper);color:var(--text);padding:10px 18px;cursor:pointer;transition:all .18s}
.filters button.active,.filters button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.blog-list{padding:24px 64px 70px;display:flex;flex-direction:column;gap:20px}
.post{display:grid;grid-template-columns:220px 1fr;gap:30px;border:1px solid var(--line);background:var(--paper);transition:border-color .2s}
.post:hover{border-color:var(--yellow)}
.post .thumb{background:var(--ink);min-height:170px;display:grid;place-items:center;color:var(--yellow);position:relative;overflow:hidden}
.post .thumb .hx{width:70px;height:78px;border:2px solid var(--yellow);opacity:.55}
.post .pbody{padding:26px 30px 26px 0;display:flex;flex-direction:column;justify-content:center}
.post .tag{font-family:var(--display);font-weight:700;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--yellow-text);border:1px solid var(--line);padding:5px 10px;align-self:flex-start;margin-bottom:12px}
.post h3{font-family:var(--display);font-weight:700;font-size:21px;line-height:1.2;color:var(--ink);margin-bottom:8px}
.post p{font-size:14px;color:var(--muted);margin-bottom:12px}
.post .meta{font-size:12px;color:var(--muted)}

/* ---------- MEDIA ---------- */
.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:40px 64px 70px}
.mcard{border:1px solid var(--line);background:var(--paper);overflow:hidden;transition:border-color .2s}
.mcard:hover{border-color:var(--yellow)}
.mcard .top{background:var(--ink);height:150px;display:flex;align-items:center;justify-content:center;color:#f4f4f0;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:1px}
.mcard .mb{padding:22px 24px}
.mcard .tag{font-family:var(--display);font-weight:700;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--yellow-text)}
.mcard h3{font-family:var(--display);font-weight:700;font-size:17px;color:var(--ink);margin:6px 0}
.mcard p{font-size:13.5px;color:var(--muted);margin-bottom:8px}

/* ---------- TESTIMONIALS ---------- */
.feat-quote{margin:40px 64px 30px;border:1px solid var(--line);background:var(--paper);padding:48px 54px;position:relative}
.feat-quote .mark{font-family:var(--serif);font-size:80px;color:var(--yellow);line-height:.5;height:40px}
.feat-quote .q{font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.4;color:var(--ink);max-width:760px;margin:14px 0 26px}
.feat-quote .who{font-family:var(--display);font-weight:700;font-size:15px;color:var(--ink)}
.feat-quote .role{font-size:13px;color:var(--muted)}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:0 64px 70px}
.tcard{border:1px solid var(--line);background:var(--paper);padding:30px}
.tcard .q{font-size:14.5px;color:var(--text);line-height:1.55;margin-bottom:18px}
.tcard .who{font-family:var(--display);font-weight:700;font-size:14px;color:var(--ink)}
.tcard .role{font-size:12.5px;color:var(--muted)}
.tcard .hx{width:13px;height:15px;background:var(--yellow);margin-bottom:16px}

/* ---------- CONTACT ---------- */
.contact-main{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;padding:40px 64px 64px}
.cinfo{display:flex;flex-direction:column;gap:26px}
.citem{display:flex;gap:16px;align-items:flex-start}
.citem .ic{width:40px;height:44px;flex:none;display:grid;place-items:center;border:1.5px solid var(--yellow);color:var(--ink)}
.citem .lab{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.citem .val{font-size:15px;color:var(--ink);margin-top:2px}
.cform{display:flex;flex-direction:column;gap:14px}
.cform input,.cform textarea{font-family:var(--body);font-size:14px;padding:15px 16px;border:1px solid var(--line);background:var(--paper);color:var(--text);width:100%}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--yellow)}
.cform textarea{min-height:130px;resize:vertical}
.work-band{background:var(--ink);color:#ededea;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0}
.work-band .wt{padding:60px 64px}
.work-band .kick{color:var(--yellow)}
.work-band h3{font-family:var(--display);font-weight:700;font-size:26px;color:#fff;margin-bottom:14px}
.work-band p{font-size:14.5px;color:#a7a7a1;max-width:380px;margin-bottom:28px}
.work-band .wimg{background:var(--ink-soft);min-height:280px;display:grid;place-items:center}
.work-band .wimg .hx{width:120px;height:134px;border:2px solid var(--yellow);opacity:.5}

/* ---------- PROFILE ---------- */
.profile-main{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;padding:40px 64px 70px;align-items:center}
.book{position:relative;display:flex;justify-content:center}
.book .cover{width:300px;height:420px;background:var(--ink);box-shadow:0 30px 60px rgba(17,17,17,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:40px;transform:rotate(-3deg)}
.book .cover .mn{width:60px;height:66px;display:grid;place-items:center;border:2px solid var(--yellow);color:var(--yellow);font-family:var(--display);font-weight:800;font-size:28px}
.book .cover .nm{font-family:var(--display);font-weight:700;color:#fff;font-size:22px;letter-spacing:1px;text-align:center}
.book .cover .rl{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--yellow);text-align:center}
.book .cover .sig{font-family:var(--serif);font-style:italic;color:#cfcfc8;font-size:22px;margin-top:14px}
.profile-content h2{font-family:var(--display);font-weight:700;font-size:18px;color:var(--ink);margin-bottom:20px}
.inside{list-style:none;display:flex;flex-direction:column}
.inside li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--text)}
.inside li svg{color:var(--yellow-text);flex:none}
.profile-content .btn-dark{margin-top:30px}

/* ---------- 404 ---------- */
.fourohfour{flex:1;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 40px;position:relative;overflow:hidden}
.fourohfour .hexpat{position:absolute;inset:0;opacity:.05;background-image:radial-gradient(var(--yellow) 1px,transparent 1px);background-size:26px 26px}
.fourohfour .big{font-family:var(--display);font-weight:800;font-size:clamp(110px,20vw,220px);color:var(--yellow);line-height:.9;letter-spacing:-4px;position:relative}
.fourohfour h2{font-family:var(--serif);font-style:italic;font-size:34px;margin:10px 0 14px;position:relative}
.fourohfour p{color:#a7a7a1;max-width:380px;margin-bottom:30px;position:relative}

/* RESPONSIVE */
@media(max-width:1080px){
  .triptych,.metric-grid,.ins-grid,.pillars,.awards-row,.media-grid,.tgrid,.edu-grid{grid-template-columns:1fr}
  .hero,.about-hero,.approach-main,.contact-main,.profile-main,.values-band,.work-band{grid-template-columns:1fr;gap:46px; margin-top:60px;     padding: 40px 20px 70px;}
  .hexbg.outline {display: none;}
  .wrap {
    padding: 0 24px;
}
  .hero{min-height:auto;padding-top:96px}
  .stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:none}
  .post{grid-template-columns:1fr}.post .pbody{padding:0 26px 26px}
  .work-band .wimg{min-height:200px}
}
@media(max-width:760px){
    
  :root{--sidebar-w:0px}
  .sidebar{transform:translateX(-100%);transition:transform .3s;width:240px;padding-top:80px}
  .sidebar.open{transform:translateX(0)}
  .main{margin-left:0}
  .wrap,.pagehead,.summary,.timeline,.metric-grid,.awards,.approach-main,.approach-band,.filters,.blog-list,.media-grid,.feat-quote,.tgrid,.contact-main,.profile-main,.insights,.values-q,.values-list,.edu-band,.work-band .wt,footer,.note{padding-left:24px;padding-right:24px;margin-left:0;margin-right:0}
  .pagehead{padding-top:96px}
  .stats{margin:0;padding:34px 24px;grid-template-columns:1fr 1fr}
  .menu-btn{display:inline-grid;position:fixed;top:14px;left:14px;z-index:60;width:46px;height:46px;place-items:center;background:var(--ink);color:var(--yellow);border:none;cursor:pointer}
  .credo{display:none}
  .hexbg{width:300px;height:336px}
  .portrait,.portrait-fallback{width:280px;height:340px}
  .lets-connect{padding:17px 20px;font-size:11px}
      
}