/* =========================================================================
   Sirpigal Mandram — site styles (built on the original draft stylesheet)
   Edit colours and fonts in :root only.
   ========================================================================= */

/* TT Jenevers — upload the .otf files to /wp-content/uploads/fonts/ and these will resolve.
   Until then headings fall back to Fraunces (Google Fonts), then Georgia. */
@font-face{font-family:"Jenevers";src:url("/wp-content/uploads/fonts/Jenevers-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Jenevers";src:url("/wp-content/uploads/fonts/Jenevers-Italic.otf") format("opentype");font-weight:400;font-style:italic;font-display:swap;}
@font-face{font-family:"Jenevers";src:url("/wp-content/uploads/fonts/Jenevers-Medium.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"Jenevers";src:url("/wp-content/uploads/fonts/Jenevers-Bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:"Jenevers";src:url("/wp-content/uploads/fonts/Jenevers-ExtraBold.otf") format("opentype");font-weight:800;font-style:normal;font-display:swap;}
@font-face{font-family:"Jenevers";src:url("/wp-content/uploads/fonts/Jenevers-Black.otf") format("opentype");font-weight:900;font-style:normal;font-display:swap;}

:root{
  --navy:#1E2066; --navy2:#171834; --head:#15172F; --indigo:#4F518C; --peri:#9C9FFF; --peri-soft:#E4E5FF;
  --amber:#FFC95C; --amber-hi:#FFD479; --white:#FFFFFF;
  --paper:#F5F4F0; --line:#E2E0D8; --ink:#1B1C33; --mute:#56587A;
  --on-dark:#C4C5E6; --on-dark-mute:#A9AAD0;
  --ok:#1F7A4D; --ok-bg:#E6F4EC; --err:#B3261E; --err-bg:#FBE9E7;
  --serif:"Jenevers","Fraunces",Georgia,serif;
  --sans:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --tamil:"Noto Serif Tamil","Jenevers",Georgia,serif;
  --gutter:clamp(16px,4vw,40px);
  --ease:cubic-bezier(.22,.61,.36,1);
  color-scheme:light;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:110px;}
body{font-family:var(--sans);background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;line-height:1.06;letter-spacing:-.01em;text-wrap:balance;}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px;}
.wrap{max-width:1200px;margin:0 auto;padding-inline:var(--gutter);}
.eyebrow{font-family:var(--sans);font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--indigo);display:inline-flex;align-items:center;gap:10px;}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--amber);display:inline-block;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--sans);font-weight:600;font-size:15px;
  min-height:48px;padding:13px 28px;border-radius:6px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:all .2s ease;}
.btn-amber{background:var(--amber);color:var(--navy);}
.btn-amber:hover{background:var(--amber-hi);transform:translateY(-2px);}
.btn-navy{background:var(--navy);color:var(--white);}
.btn-navy:hover{background:#2a2c7a;transform:translateY(-2px);}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,.3);color:var(--white);}
.btn-ghost:hover{border-color:var(--white);}
.btn-line{background:transparent;border-color:var(--navy);color:var(--navy);}
.btn-line:hover{background:var(--navy);color:var(--white);}

/* Photo frame (was the striped placeholder; now holds real photos) */
.ph{position:relative;overflow:hidden;background:
   repeating-linear-gradient(135deg, rgba(255,255,255,.45) 0 1px, transparent 1px 12px), var(--phc,var(--indigo));
   display:flex;align-items:flex-end;}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.ph span{position:relative;z-index:1;font-family:var(--sans);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  color:var(--navy);background:rgba(255,255,255,.88);padding:6px 11px;margin:14px;border-radius:3px;}

/* ============ ABSTRACT BACKGROUND SHAPES (scroll-linked, see JS) ============ */
.has-shapes{position:relative;overflow:hidden;isolation:isolate;}
.has-shapes>.wrap,.has-shapes>.wrap>*{position:relative;z-index:1;}
.shapes{position:absolute;inset:0;z-index:0;pointer-events:none;}
.shape{position:absolute;display:block;height:auto;aspect-ratio:1;will-change:transform;transform:translate3d(0,0,0);}
.shape use{color:inherit;}
.c-indigo{color:var(--indigo);} .c-peri{color:var(--peri);} .c-perisoft{color:var(--peri-soft);} .c-amber{color:var(--amber);}
.o-10{opacity:.1;} .o-15{opacity:.15;} .o-25{opacity:.25;} .o-40{opacity:.4;} .o-50{opacity:.5;} .o-60{opacity:.6;}
.shape.dots{aspect-ratio:auto;background-image:radial-gradient(var(--amber) 2.2px,transparent 2.8px);background-size:16px 16px;opacity:.55;}
.shape.dots-indigo{background-image:radial-gradient(var(--peri) 2.2px,transparent 2.8px);opacity:.6;}

/* ============ HEADER (hide on scroll down, reveal on scroll up) ============ */
.site-head{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--head);padding-top:env(safe-area-inset-top,0px);
  border-bottom:1px solid rgba(255,255,255,.08);transition:transform .38s cubic-bezier(.4,0,.2,1), box-shadow .3s ease;}
.site-head.is-hidden{transform:translateY(-100%);}
.site-head.is-scrolled{box-shadow:0 12px 34px rgba(0,0,0,.34);}
.site-head .inner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 16px 12px;transition:padding .3s ease;}
.site-head.is-scrolled .inner{padding:10px 16px 8px;}
.site-head .brand{display:inline-flex;}
.site-head .brand img{height:64px;width:auto;transition:height .3s ease;}
.site-head.is-scrolled .brand img{height:44px;}
.site-head .site-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 40px;align-items:center;}
.site-head .site-nav a{font-family:var(--serif);font-weight:500;font-size:18px;color:var(--white);text-decoration:none;letter-spacing:.01em;
  position:relative;padding:8px 0;transition:color .22s ease;}
.site-head .site-nav a::after{content:"";position:absolute;left:50%;bottom:2px;width:0;height:2px;background:var(--amber);transform:translateX(-50%);transition:width .25s ease;}
.site-head .site-nav a:hover,.site-head .site-nav a[aria-current="true"]{color:var(--amber);}
.site-head .site-nav a:hover::after,.site-head .site-nav a[aria-current="true"]::after{width:24px;}
@media(max-width:600px){
  .site-head .site-nav{gap:0 20px;}
  .site-head .site-nav a{font-size:15px;padding:10px 0;}
  .site-head .brand img{height:46px;}
  .site-head.is-scrolled .brand img{height:38px;}
}

/* ============ HERO ============ */
.hero{background:var(--navy);color:var(--white);}
.hero::after{content:"20";position:absolute;right:-3%;bottom:-22%;z-index:0;font-family:var(--serif);font-weight:900;
  font-size:clamp(280px,44vw,560px);color:rgba(255,255,255,.04);line-height:1;pointer-events:none;}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,56px);align-items:center;padding-block:clamp(56px,8vw,96px);}
.hero .wrap>*{min-width:0;}
.hero .pill{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;
  padding:8px 16px;font-weight:600;font-size:13px;letter-spacing:.04em;color:var(--peri);backdrop-filter:blur(6px);}
.hero .pill b{color:var(--amber);}
.hero h1{font-size:clamp(42px,6vw,84px);margin-top:26px;color:var(--white);}
.hero h1 em{font-style:italic;font-weight:400;color:var(--peri);}
.hero p.lead{font-size:clamp(17px,1.7vw,19px);line-height:1.6;color:var(--on-dark);max-width:460px;margin:26px 0 34px;}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
.hero-visual{position:relative;}
.hero-visual .ph{height:auto;aspect-ratio:3/2;max-width:100%;border-radius:12px;box-shadow:0 30px 60px -24px rgba(0,0,0,.6);}
.hero-visual .ph::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.15);border-radius:12px;}
.tamilline{position:absolute;top:18px;left:18px;z-index:3;font-family:var(--tamil);color:var(--white);font-size:17px;
  background:rgba(30,32,102,.6);padding:6px 14px;border-radius:4px;backdrop-filter:blur(4px);}

/* stat bar */
.statbar{background:var(--navy2);border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:2;}
.statbar .wrap{display:grid;grid-template-columns:repeat(3,1fr);}
.statbar .s{padding:36px clamp(12px,3vw,40px);border-right:1px solid rgba(255,255,255,.08);}
.statbar .s:first-child{padding-left:0;}
.statbar .s:last-child{border-right:none;}
.statbar b{font-family:var(--serif);font-weight:700;font-size:clamp(32px,5vw,58px);color:var(--amber);display:block;line-height:1;font-variant-numeric:tabular-nums;}
.statbar p{font-weight:600;font-size:14px;letter-spacing:.04em;color:var(--on-dark-mute);margin-top:10px;}

/* sections */
.section{padding-block:clamp(72px,10vw,104px);}
.shead{max-width:760px;margin-bottom:clamp(36px,5vw,56px);}
.shead h2{font-size:clamp(36px,4.6vw,60px);color:var(--navy);margin-top:18px;}
.shead p{font-size:clamp(16px,1.6vw,18px);line-height:1.65;color:var(--mute);margin-top:20px;}

/* about */
.about .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(36px,6vw,64px);align-items:center;}
.about .wrap>*{min-width:0;}
.about .ph{height:clamp(300px,40vw,480px);border-radius:12px;--phc:var(--peri);}
.about h2{font-size:clamp(34px,4.4vw,56px);color:var(--navy);margin-top:18px;}
.about p{font-size:clamp(16px,1.6vw,18px);line-height:1.7;color:var(--mute);margin-top:22px;}
.about .meta{display:flex;flex-wrap:wrap;gap:20px 40px;margin-top:36px;padding-top:32px;border-top:1px solid var(--line);}
.about .meta b{font-family:var(--serif);font-size:30px;color:var(--navy);display:block;}
.about .meta small{font-size:13px;color:var(--mute);font-weight:600;letter-spacing:.04em;}

/* vision/mission */
.vm{background:var(--paper);}
.vm .wrap{display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.vm .card{background:rgba(255,255,255,.86);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;padding:clamp(28px,4vw,48px);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);}
.vm .card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(30,32,102,.35);}
.vm .card .num{font-family:var(--serif);font-weight:800;font-size:18px;color:#B07D12;}
.vm .card h3{font-size:clamp(26px,3vw,32px);color:var(--navy);margin:14px 0 16px;}
.vm .card p{font-family:var(--serif);font-style:italic;font-size:clamp(18px,2vw,21px);line-height:1.5;color:var(--indigo);}

/* team */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.member .ph{height:auto;aspect-ratio:4/5;max-width:100%;border-radius:10px;--phc:var(--peri);align-items:center;justify-content:center;transition:transform .3s var(--ease);}
.member:hover .ph{transform:translateY(-4px);}
.member .ph .init{background:none;margin:0;padding:0;font-family:var(--serif);font-size:64px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--white);opacity:.95;}
.member b{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--navy);display:block;margin-top:18px;}
.member small{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-weight:600;display:block;margin-top:5px;line-height:1.4;}
.member.is-officer small{color:var(--indigo);}
.member.is-officer small::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--amber);margin-right:8px;vertical-align:1px;}

/* work — cards open WordPress posts */
.work{background:var(--navy);color:var(--white);}
.work .shead h2{color:var(--white);}
.work .shead p{color:#B9BAE0;}
.work .eyebrow{color:var(--peri);}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.wcard{background:rgba(255,255,255,.05);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;
  display:flex;flex-direction:column;transition:border-color .25s,transform .25s var(--ease);}
.wcard:hover,.wcard:focus-within{border-color:var(--amber);transform:translateY(-4px);}
.wcard .ph,.wcard .img{height:200px;--phc:var(--indigo);position:relative;overflow:hidden;}
.wcard .ph img,.wcard .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}
.wcard:hover .ph img,.wcard:hover .img img{transform:scale(1.05);}
.wcard .body{padding:28px;flex:1;display:flex;flex-direction:column;}
.wcard .tag{font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:14px;}
.wcard h4{font-size:22px;color:var(--white);line-height:1.12;}
.wcard p{font-size:15px;line-height:1.6;color:#B9BAE0;margin:14px 0 22px;flex:1;}
.wcard .more{font-weight:600;font-size:14px;color:var(--white);text-decoration:none;border-top:1px solid rgba(255,255,255,.12);
  padding-top:18px;min-height:44px;display:flex;justify-content:space-between;align-items:center;}
.wcard .more span{color:var(--amber);transition:transform .25s var(--ease);}
.wcard .more:hover span{transform:translateX(5px);}

/* partners */
.partners{background:var(--paper);}
.partners .wrap{text-align:center;}
.partners .eyebrow{justify-content:center;}
.partners h2{font-size:clamp(32px,4vw,52px);color:var(--navy);margin-top:18px;}
.partners p{font-size:17px;color:var(--mute);margin-top:16px;}
.partner-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;}
.partner-row .p{min-height:96px;background:var(--white);border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;padding:14px 18px;
  font-family:var(--serif);font-size:17px;font-weight:500;line-height:1.25;color:var(--navy);transition:border-color .2s,transform .2s var(--ease);}
.partner-row .p:hover{border-color:var(--navy);transform:translateY(-3px);}
.partner-row .p img{max-height:56px;width:auto;filter:grayscale(1);opacity:.8;transition:all .2s;}
.partner-row .p:hover img{filter:none;opacity:1;}

/* involve + form */
.involve .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,64px);align-items:start;}
.involve .wrap>*{min-width:0;}
.involve h2{font-size:clamp(36px,4.6vw,60px);color:var(--navy);margin-top:18px;}
.involve-copy>p{font-size:clamp(16px,1.6vw,18px);line-height:1.65;color:var(--mute);margin:22px 0 28px;}
.ilist{list-style:none;margin-bottom:34px;}
.ilist li{font-size:16px;color:var(--ink);padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:center;}
.ilist li::before{content:"";width:8px;height:8px;background:var(--amber);border-radius:2px;flex:none;}
.contact-lines{display:grid;gap:12px;}
.contact-lines div{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;}
.contact-lines dt{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--indigo);min-width:90px;}
.contact-lines dd{font-size:16px;color:var(--ink);}
.contact-lines dd a{color:var(--navy);text-decoration-color:var(--amber);text-underline-offset:3px;}
.contact-lines dd a:hover{color:var(--indigo);}
.fcol span a{color:inherit;text-decoration:none;}
.form-card{background:rgba(245,244,240,.92);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;padding:clamp(24px,4vw,46px);}
.form-card h3{font-size:30px;color:var(--navy);margin-top:16px;}
.form-card>p{font-size:15px;color:var(--mute);margin:10px 0 28px;}
.field{margin-bottom:18px;}
.field label{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--indigo);margin-bottom:8px;}
.field .opt{font-weight:500;text-transform:none;letter-spacing:0;color:var(--mute);}
.field input,.field textarea,.field select{width:100%;background:var(--white);border:1.5px solid var(--line);border-radius:8px;min-height:48px;
  padding:12px 16px;font-family:var(--sans);font-size:16px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s;}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--navy);box-shadow:0 0 0 3px var(--peri-soft);}
.field.has-error input,.field.has-error textarea,.field.has-error select{border-color:var(--err);}
.field .err{display:none;color:var(--err);font-size:13px;margin-top:6px;}
.field.has-error .err{display:block;}
.field label.consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--mute);line-height:1.5;cursor:pointer;}
.consent input{width:22px;height:22px;min-height:0;flex:none;accent-color:var(--navy);}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.row2>*{min-width:0;}
.form-card .btn{width:100%;margin-top:6px;}
.form-status{margin-top:16px;padding:14px 16px;border-radius:8px;font-size:15px;line-height:1.5;}
.form-status.ok{background:var(--ok-bg);color:var(--ok);}
.form-status.bad{background:var(--err-bg);color:var(--err);}

/* faq (pure CSS - no JavaScript needed) */
.faq{background:var(--paper);}
.faq .shead{margin-inline:auto;text-align:center;margin-bottom:0;}
.faq .shead .eyebrow{justify-content:center;}
.faq-list{max-width:860px;margin:48px auto 0;}
.faq-item{background:var(--white);border:1px solid var(--line);border-radius:10px;margin-bottom:14px;overflow:hidden;transition:border-color .2s;}
.faq-item:hover,.faq-item[open]{border-color:var(--peri);}
.faq-q{list-style:none;cursor:pointer;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px;
  font-family:var(--serif);font-weight:700;font-size:clamp(18px,2.2vw,23px);color:var(--navy);}
.faq-q::-webkit-details-marker{display:none;}
.faq-q .ic{flex:none;width:30px;height:30px;border-radius:6px;background:var(--navy);color:var(--amber);display:grid;place-items:center;font-size:20px;font-family:var(--sans);transition:transform .3s;}
.faq-item[open] .faq-q .ic{transform:rotate(45deg);}
.faq-a p{font-size:16px;line-height:1.7;color:var(--mute);padding:0 28px 28px;}

/* footer */
.footer{background:var(--navy);color:var(--white);}
.footer .wrap{padding-block:clamp(56px,8vw,80px) 44px;}
.foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.12);}
.foot-top>*{min-width:0;}
.foot-logo{height:72px;width:auto;}
.foot-top h3{font-size:26px;color:var(--white);max-width:18ch;margin-top:20px;}
.foot-top .tamil{color:var(--peri);font-family:var(--tamil);font-size:17px;margin-top:12px;display:block;}
.fcol h5{font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:14px;}
.fcol a,.fcol span{display:block;text-decoration:none;color:var(--on-dark);font-size:15px;padding:6px 0;transition:color .2s;overflow-wrap:anywhere;}
.fcol a:hover{color:var(--white);}
.foot-bot{display:flex;justify-content:space-between;align-items:center;padding-top:28px;flex-wrap:wrap;gap:14px;}
.foot-bot small{color:#8E90BD;font-size:13px;}
.socials{display:flex;gap:10px;}
.socials a{width:44px;height:44px;border-radius:8px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:var(--white);text-decoration:none;font-size:13px;font-weight:700;transition:background .2s;}
.socials a:hover{background:var(--amber);color:var(--navy);}

/* ============ MOTION ============ */
.rv{transition:opacity .6s var(--ease),transform .6s var(--ease);}
.rv.pre{opacity:0;transform:translateY(22px);}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important;}
  .rv.pre{opacity:1;transform:none;}
}

/* ============ RESPONSIVE ============ */
@media(max-width:1020px){
  .team-grid{grid-template-columns:repeat(3,1fr);}
  .foot-top{grid-template-columns:1fr 1fr;}
}
@media(max-width:880px){
  .hero .wrap,.about .wrap,.vm .wrap,.involve .wrap{grid-template-columns:1fr;}
  .work-grid{grid-template-columns:1fr 1fr;}
  .team-grid{grid-template-columns:1fr 1fr;}
  .partner-row{grid-template-columns:1fr 1fr;}
  .shape{max-width:55vw;}
}
@media(max-width:620px){
  .work-grid,.row2,.foot-top{grid-template-columns:1fr;}
  .member .ph .init{font-size:48px;}
  .statbar .s{padding:24px 10px;}
  .statbar p{font-size:12px;}
  .shape{opacity:.5;}
  .shape.o-10,.shape.o-15{opacity:.08;}
  .shape.dots{display:none;}
}

/* WordPress admin bar (logged-in users only) */
body.admin-bar .site-head{top:32px;}
@media(max-width:782px){body.admin-bar .site-head{top:46px;}}
@media(max-width:600px){body.admin-bar .site-head{top:0;}}
/* honeypot field — hidden from people, visible to bots */
.hp-field{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}

/* =========================  POST PAGES ("Read more")  ========================= */
.post-hero{background:var(--navy);color:var(--white);}
.post-hero .wrap{padding-block:clamp(40px,6vw,72px) clamp(130px,16vw,190px);}
.crumbs{display:flex;flex-wrap:wrap;gap:8px 10px;font-size:14px;color:var(--on-dark-mute);margin-bottom:24px;}
.crumbs a{color:var(--on-dark);text-decoration:none;min-height:32px;display:inline-flex;align-items:center;}
.crumbs a:hover{color:var(--amber);}
.crumbs [aria-current]{color:var(--amber);display:inline-flex;align-items:center;}
.post-hero .pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.25);border-radius:999px;
  padding:8px 16px;font-weight:600;font-size:13px;letter-spacing:.04em;color:var(--peri);}
.post-hero .pill b{color:var(--amber);}
.post-hero h1{font-size:clamp(36px,5.4vw,72px);margin-top:22px;max-width:18ch;color:var(--white);}
.post-hero .lead{font-size:clamp(17px,1.8vw,20px);line-height:1.6;color:var(--on-dark);max-width:56ch;margin-top:22px;}
.post-feature{position:relative;z-index:3;margin-top:clamp(-170px,-14vw,-110px);}
.post-feature .ph{height:clamp(240px,46vw,560px);border-radius:14px;box-shadow:0 34px 70px -30px rgba(23,24,52,.55);margin:0;}
.post-body{padding-block:clamp(48px,7vw,80px);}
.post-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(32px,5vw,72px);align-items:start;}
.prose{font-size:18px;line-height:1.75;color:var(--ink);max-width:68ch;}
.prose>*+*{margin-top:1.1em;}
.prose p:first-child{font-size:clamp(19px,2vw,21px);color:var(--navy);}
.prose h2,.prose h3{color:var(--navy);margin-top:1.6em;}
.prose h2{font-size:clamp(26px,3vw,34px);} .prose h3{font-size:clamp(21px,2.4vw,26px);}
.prose a{color:var(--navy);text-decoration-color:var(--amber);text-decoration-thickness:2px;text-underline-offset:3px;}
.prose ul,.prose ol{padding-left:1.3em;} .prose li+li{margin-top:.4em;}
.prose blockquote{border-left:3px solid var(--amber);padding-left:20px;font-family:var(--serif);font-style:italic;font-size:22px;color:var(--indigo);}
.prose img{border-radius:10px;}
.prose figure{margin-inline:0;}
.prose .wp-block-embed iframe{width:100%;aspect-ratio:16/9;height:auto;border-radius:10px;}
.post-aside{position:sticky;top:130px;display:grid;gap:18px;}
.aside-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;}
.aside-card dl{display:grid;gap:14px;}
.aside-card dt{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--indigo);}
.aside-card dd{font-family:var(--serif);font-size:19px;color:var(--navy);margin-top:3px;}
.aside-card dd a{color:var(--navy);text-decoration-color:var(--amber);text-underline-offset:3px;}
.aside-cta{background:var(--navy);color:var(--white);border-radius:12px;padding:26px;}
.aside-cta h3{font-size:24px;color:var(--white);}
.aside-cta p{font-size:15px;color:var(--on-dark);margin:10px 0 18px;line-height:1.55;}
.aside-cta .btn{width:100%;}
.post-photos{background:var(--paper);}
.pgallery{columns:3 260px;column-gap:14px;}
.pg-item{display:block;width:100%;margin:0 0 14px;padding:0;border:0;border-radius:10px;overflow:hidden;background:var(--line);cursor:zoom-in;break-inside:avoid;}
.pg-item img{width:100%;height:auto;transition:transform .5s var(--ease);}
.pg-item:hover img{transform:scale(1.03);}
.lightbox{border:0;padding:0;background:transparent;max-width:min(1200px,94vw);max-height:92vh;margin:auto;overflow:visible;}
.lightbox::backdrop{background:rgba(15,16,38,.92);}
.lightbox img{max-height:82vh;width:auto;margin:0 auto;border-radius:8px;}
.lightbox p{color:var(--on-dark);text-align:center;margin-top:12px;font-size:14px;font-variant-numeric:tabular-nums;}
.lb-btn{position:fixed;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:var(--white);font-size:22px;cursor:pointer;display:grid;place-items:center;transition:background .2s;}
.lb-btn:hover{background:var(--amber);color:var(--navy);}
.lb-close{top:16px;right:16px;} .lb-prev{left:16px;top:50%;transform:translateY(-50%);} .lb-next{right:16px;top:50%;transform:translateY(-50%);}
.more-work .more-all{margin-top:36px;text-align:center;}
@media(max-width:880px){
  .post-grid{grid-template-columns:1fr;}
  .post-aside{position:static;grid-template-columns:1fr 1fr;}
}
@media(max-width:620px){
  .post-aside{grid-template-columns:1fr;}
  .prose{font-size:17px;}
  .pgallery{columns:2;column-gap:10px;}
  .pg-item{margin-bottom:10px;}
}