/* The Shepherd Friends • design system and Phase 1 layouts */
:root{--navy:#314f61;--deep:#233e4e;--ink:#203642;--gold:#d8bb7b;--gold-dark:#a8833a;--sage:#708872;--cream:#f7f7f3;--sand:#f2eee5;--white:#fff;--text:#40525d;--muted:#707c81;--line:#e2e6e3;--shadow:0 18px 48px rgba(32,54,66,.11);--radius:8px;--max:1180px;--header:88px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Work Sans",sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}button{font:inherit}p{line-height:1.8}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1,h2{font-family:"Work Sans",sans-serif}h1{font-size:clamp(3rem,5.7vw,5.9rem);line-height:1.07;font-weight:750}h2{font-size:clamp(2.15rem,4vw,3.8rem);line-height:1.13;font-weight:740}h3{font-size:1.4rem;line-height:1.28}h1 em,h2 em{font-family:"Work Sans",sans-serif;font-weight:normal;letter-spacing:-.04em}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ce9d3d;outline-offset:4px}.container{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.section-pad{padding:clamp(64px,6vw,90px) 0}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#926f30;margin-bottom:20px}.light-eyebrow{color:var(--gold)}.soft-label{font-size:.73rem!important;letter-spacing:.13em;font-weight:800;color:#9a7a42!important;text-transform:uppercase}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;padding:18px 24px;border:1px solid transparent;background:var(--deep);color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;min-height:52px;white-space:nowrap}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.12)}.button span{font-size:18px;line-height:1}.button-small{padding:13px 17px;min-height:42px;font-size:11px;gap:13px}.button-gold{background:var(--gold);color:var(--deep)}.button-gold:hover{background:#e7cb93}.button-outline{background:transparent;border-color:#b2c0c4;color:#fff}.text-link{display:inline-flex;gap:21px;align-items:center;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;color:var(--deep);padding-bottom:0;border-bottom:0}.text-link span,.text-link b{font-size:17px;font-weight:400}.text-link:hover{color:#94743b}.skip-link{position:absolute;z-index:999;top:-100px;left:12px;background:#fff;color:#000;padding:12px}.skip-link:focus{top:12px}
/* Header */

/* Hero */

/* Intro */
.intro-section{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:8%;align-items:start}.intro-grid h2{max-width:610px;margin-bottom:0}.intro-body{padding-top:31px}.intro-body p{font-size:16px;line-height:2;color:var(--text);margin-bottom:26px}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:43px}.section-title-row h2{margin-bottom:0}.section-title-row p{max-width:355px;color:var(--text);font-size:14px;margin-bottom:5px}.section-title-row>.text-link{white-space:nowrap;margin-bottom:13px}
/* Programmes */
.programmes-section{background:#f1f1eb}.programme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.programme-card{display:flex;flex-direction:column;background:#fff;min-width:0;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 3px rgba(0,0,0,.018)}.programme-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.programme-photo{height:219px;overflow:hidden;position:relative;background:#d3d9d0}.programme-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}.programme-card:hover img{transform:scale(1.04)}.programme-number{position:absolute;bottom:0;left:0;background:var(--gold);color:var(--deep);font-size:11px;font-weight:850;padding:13px 16px}.programme-content{display:flex;flex-direction:column;flex:1;padding:26px 27px 28px}.programme-content h3{font-size:21px;margin-bottom:12px}.programme-content p{font-size:13px;color:var(--text);line-height:1.8;margin-bottom:20px}.programme-content .text-link{align-self:flex-start;margin-top:auto}
/* Statistics */
.impact-band{background:var(--deep);color:#fff;overflow:hidden}.impact-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:100px}.impact-intro h2{font-size:clamp(2.2rem,3.4vw,3.8rem);margin-bottom:23px}.impact-intro h2 em{color:var(--gold)}.impact-intro p{max-width:460px;color:#c7d1d4;font-size:15px;margin-bottom:27px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.stat{padding:35px 10px 36px 0;border-bottom:1px solid rgba(255,255,255,.15)}.stat:nth-child(3),.stat:nth-child(4){border-bottom:0}.stat strong{display:block;font-weight:740;font-size:clamp(3rem,4.4vw,4.8rem);letter-spacing:-.06em;line-height:1.2;color:var(--gold)}.stat span{display:block;font-size:13px;color:#d0d9dc;margin-top:8px}
/* Human story */
.story-section{background:#fff}.story-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:10%}.story-images{height:575px;position:relative}.story-image-large{width:76%;height:89%;position:absolute;left:0;top:0;object-fit:cover}.story-image-small{position:absolute;bottom:0;right:0;width:52%;height:52%;border:10px solid #fff;background:#fff}.story-image-small img{display:block;height:100%;width:100%;object-fit:cover}.story-stamp{position:absolute;left:15px;bottom:48px;width:126px;height:126px;background:var(--gold);border-radius:50%;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;line-height:1.3;letter-spacing:.07em;font-size:12px;font-weight:850;transform:rotate(-12deg)}.story-copy h2{margin-bottom:24px}.story-copy>p{font-size:15px;color:var(--text)}.story-copy blockquote,.prose blockquote{font-family:"Work Sans",sans-serif;font-size:22px;line-height:1.55;color:var(--navy);padding-left:21px;margin:32px 0;border-left:3px solid var(--gold)}
/* Process */
.process-section{background:#edece5}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:47px}.process-item{padding:29px 14px 20px 0;border-top:2px solid #bcbfb2}.process-item strong{font-size:15px;color:#a78c58;letter-spacing:.1em}.process-item h3{font-size:23px;margin-top:44px;margin-bottom:11px}.process-item p{font-size:13px;color:#586970;margin-bottom:0}
/* Journal */
.news-section{background:#fff}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.insight-card{min-width:0;background:var(--cream)}.insight-card>img{width:100%;height:225px;display:block;object-fit:cover}.insight-content{padding:25px 26px 30px}.insight-content>span:first-child{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#997841}.insight-content h3{font-size:22px;margin:13px 0 12px;line-height:1.35}.insight-content p{font-size:13px;color:var(--text);margin-bottom:23px}.insight-content .text-link{margin-top:4px}
/* Closing + footer */
.closing-cta{background:var(--sage);color:#fff;padding:78px 0}.closing-inner{display:flex;align-items:end;justify-content:space-between;gap:40px}.closing-inner h2{max-width:720px;font-size:clamp(2.5rem,4.4vw,4.5rem);margin-bottom:12px}.closing-inner h2 em{color:#f3deb4}.closing-inner p{font-size:15px;color:#e5ebe4;margin-bottom:0}.closing-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.closing-actions .button{white-space:nowrap}.site-footer{background:#1e3542;color:#fff;padding-top:72px}.footer-grid{display:grid;grid-template-columns:1.6fr .9fr .9fr 1.15fr;gap:55px;padding-bottom:67px}.footer-intro>img{float:left;width:76px;height:76px;object-fit:cover;border-radius:50%;margin-right:15px}.footer-intro h2{font-size:18px;line-height:1.3;margin:11px 0 8px}.footer-intro p{color:#cbd6d7;font-size:12px;line-height:1.7}.footer-intro .footer-note{clear:both;max-width:250px;padding-top:20px}.site-footer h3{font-size:15px;letter-spacing:0;margin:5px 0 24px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:0 0 14px;font-size:12px;color:#cbd6d7}.site-footer li a:hover,.footer-email:hover{color:var(--gold)}.footer-email{font-size:12px;overflow-wrap:anywhere}.footer-phone{font-size:12px;color:#cad4d5}.social-row{display:flex;gap:10px;margin-top:23px}.social-row a{width:32px;height:32px;border:1px solid #71818a;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px}.social-row a:hover{background:var(--gold);color:var(--deep)}.footer-bottom{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #47616f;padding-top:23px;padding-bottom:26px;color:#b3c2c7;font-size:11px}
/* Interior pages */
.page-hero{padding:56px 0 81px;background:var(--deep);color:#fff;position:relative;overflow:hidden}.page-hero::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.07);width:700px;height:700px;border-radius:50%;right:-380px;top:-400px;pointer-events:none}.page-hero .container{position:relative;z-index:1}.breadcrumbs{font-size:11px;color:#bccbd0;margin-bottom:58px;display:flex;gap:12px;align-items:center}.breadcrumbs a:hover{color:var(--gold)}.page-hero h1{font-size:clamp(3.1rem,5.3vw,5.2rem);margin:0 0 15px}.page-hero p{max-width:700px;color:#d0dbdf;font-size:16px;margin-bottom:0}.split-content{display:grid;grid-template-columns:.95fr 1.05fr;gap:11%;align-items:start}.split-content h2{margin-bottom:0}.prose>p{color:var(--text);font-size:16px;margin-bottom:23px}.prose>h3{font-size:26px;margin:0 0 12px}.prose .soft-label{margin:-2px 0 15px}.tinted{background:#eff0ea}.twin-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.value-card{padding:42px;background:#fff}.value-card h2{font-size:36px}.value-card p{color:var(--text);margin-bottom:0}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.values-grid span{display:block;background:#fff;padding:23px 15px;text-align:center;font-size:14px;font-weight:700}.programme-detail-hero{background:var(--deep);color:#fff}.programme-detail-grid{display:grid;grid-template-columns:1fr 1fr;min-height:480px;gap:70px;align-items:stretch}.programme-detail-copy{padding:53px 0 72px}.programme-detail-copy h1{font-size:clamp(3rem,5vw,5rem)}.programme-detail-copy p{font-size:16px;color:#d7e0e2;margin:0 0 28px}.programme-detail-grid>img{width:100%;height:100%;max-height:540px;object-fit:cover}.backlink{display:inline-block;font-size:12px;color:#d3dddf;margin-bottom:55px}.accent-list{padding-left:0;list-style:none}.accent-list li{padding:11px 0 11px 23px;border-bottom:1px solid #e0e6e3;position:relative;font-size:15px}.accent-list li::before{content:"•";color:var(--gold-dark);position:absolute;left:0}.impact-page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:31px}.impact-page-stat{padding:38px 24px;background:var(--deep);color:#fff}.impact-page-stat strong{font-size:clamp(2.2rem,3.1vw,3.7rem);display:block;letter-spacing:-.06em;color:var(--gold)}.impact-page-stat span{font-size:12px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:31px}.work-card{background:#fff;padding:36px;min-height:235px}.work-card h3{font-size:24px}.work-card p{color:var(--text);font-size:14px}.work-card .text-link{margin-top:12px}.work-symbol{font-size:25px;color:#bc9455}.article-body{max-width:920px}.article-cover{display:block;width:100%;height:480px;object-fit:cover;margin:0 0 44px}.article-body .prose{max-width:730px;margin:auto}.article-hero h1{max-width:890px}.article-hero p{max-width:830px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-grid>div:first-child>p{max-width:450px;font-size:16px;color:var(--text)}.contact-card{background:#fff;padding:43px;box-shadow:var(--shadow)}.contact-card h3{margin-bottom:27px}.contact-card>a:not(.button){display:block;margin:0 0 22px;font-size:16px;overflow-wrap:anywhere}.contact-card>p:not(.soft-label){font-size:13px;color:var(--text);margin-bottom:25px}.faq-container{max-width:860px}.faq-item{background:#fff;margin:12px 0;border:1px solid var(--line)}.faq-item summary{cursor:pointer;padding:22px 26px;font-weight:700;list-style-position:inside}.faq-item p{padding:0 26px 20px;margin:0;font-size:14px;color:var(--text)}.notfound{padding:120px 0 150px}.notfound h1{max-width:700px}.notfound p{max-width:550px;color:var(--text);font-size:16px;margin-bottom:26px}.aside-help{font-size:13px;color:var(--text);margin:20px 0;max-width:460px}
@media(max-width:1210px){.container{width:min(calc(100% - 48px),var(--max))}}
@media(max-width:1100px){.story-grid{gap:6%}.closing-inner{align-items:start;flex-direction:column}.closing-actions{justify-content:flex-start}.footer-grid{gap:25px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.section-pad{padding:64px 0}.intro-grid,.split-content{grid-template-columns:1fr;gap:25px}.intro-body{padding-top:0}.programme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.impact-inner{grid-template-columns:1fr;gap:23px;padding-block:73px}.stat-grid{gap:0 22px}.story-grid{grid-template-columns:1fr;gap:54px}.story-images{max-width:620px}.story-copy{max-width:680px}.process-grid{grid-template-columns:repeat(2,1fr)}.insight-grid{grid-template-columns:repeat(2,1fr)}.insight-card:last-child{display:none}.footer-grid{grid-template-columns:repeat(2,1fr);gap:45px}.programme-detail-grid{grid-template-columns:1fr;gap:0}.programme-detail-copy{padding:55px 0}.programme-detail-grid>img{height:380px}.impact-page-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:30px}.values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.container{width:calc(100% - 34px)}.section-pad{padding:55px 0}.eyebrow{font-size:10px}.section-title-row{align-items:start;flex-direction:column;gap:20px}.section-title-row>.text-link{display:none}.programme-grid{grid-template-columns:1fr;gap:18px}.programme-photo{height:242px}.programme-content{padding:24px}.stat-grid{gap:0 14px}.stat{padding:26px 5px 24px 0}.stat strong{font-size:clamp(2.6rem,11vw,3.8rem)}.story-images{height:405px}.story-stamp{width:98px;height:98px;font-size:10px;left:0;bottom:20px}.story-image-small{border-width:6px}.process-grid{gap:15px}.process-item{padding:23px 0}.process-item h3{font-size:21px;margin-top:32px}.insight-grid{grid-template-columns:1fr}.insight-card:last-child{display:block}.closing-cta{padding:66px 0}.closing-actions{width:100%}.closing-actions .button{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:27px}.footer-intro{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{display:block;font-size:10px}.footer-bottom span{display:block;margin-bottom:9px}.page-hero{padding:34px 0 58px}.breadcrumbs{margin-bottom:43px}.page-hero h1{font-size:clamp(2.7rem,10vw,4rem)}.page-hero p{font-size:14px}.twin-cards{grid-template-columns:1fr}.value-card{padding:29px}.values-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1fr}.work-card{min-height:0;padding:29px}.impact-page-stat{padding:23px 18px}.impact-page-stat strong{font-size:clamp(2.2rem,9vw,3.6rem)}.programme-detail-copy h1{font-size:3.1rem}.programme-detail-grid>img{height:300px}.article-cover{height:255px}.contact-card{padding:28px}.notfound{padding:87px 0 110px}}
@media(max-width:360px){.programme-photo{height:214px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}