:root{--cream:#e1ddd8;--teal:#003949;--gold:#b29369;--sky:#87b6c4;--muted:#36545b}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--cream);color:var(--teal);font-family:Poppins,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:400}h2{font-size:clamp(44px,5.5vw,80px);line-height:1.02;letter-spacing:-.035em;margin-bottom:36px}p{line-height:1.65}em{font-weight:400}.container{width:min(1400px,92%);margin:auto}section{padding:105px 0}nav{position:sticky;top:0;z-index:30;background:var(--gold)}.nav{display:flex;align-items:center;gap:36px;min-height:82px}.logo{margin-right:auto}.logo img{height:36px;width:auto;filter:brightness(0) saturate(100%) invert(17%) sepia(34%) saturate(2135%) hue-rotate(152deg) brightness(91%) contrast(104%)}nav ul{list-style:none;display:flex;gap:28px;padding:0}nav ul a{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:21px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.nav-cta{padding:12px 22px;border-radius:40px;background:var(--teal);color:var(--cream);white-space:nowrap}.menu-toggle{display:none}.hero{position:relative;min-height:740px;padding:70px 0 65px;color:var(--cream);background:var(--teal)}.hero .container{position:relative}.hero h1{font-size:clamp(64px,8.6vw,128px);line-height:.96;letter-spacing:-.04em;max-width:1000px;margin:25px 0 32px}.hero p:not(.eyebrow){font-size:20px;max-width:550px;line-height:1.5}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:600;margin-bottom:26px}.btn,.text-link{display:inline-block;margin-top:30px;font-size:14px;letter-spacing:.05em;border-bottom:1px solid;padding:0 0 9px}.btn:hover,.text-link:hover{opacity:.7}.intro{display:grid;grid-template-columns:1fr 1fr;padding:0;min-height:680px}.intro-copy{padding:100px 10%}.intro-copy>p:not(.eyebrow){font-size:20px;max-width:480px}.intro>img{width:100%;height:100%;max-height:760px;object-fit:cover}.services-accordion{border-top:1px solid #00394955}.service-panel{display:grid;grid-template-columns:60px 1fr 44px;gap:24px;padding:30px 0;border-bottom:1px solid #00394955;align-items:start}.service-number,.process-number{font-size:12px;letter-spacing:.08em}.service-panel-copy{display:grid;grid-template-columns:1fr 1fr;gap:36px}.service-panel h3{font-size:34px;line-height:1.05}.service-panel p{max-width:420px}.service-arrow{font-size:28px}.blue{background:var(--teal);color:var(--cream)}#why{background:var(--sky);color:var(--teal)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.card{border-top:1px solid;padding-top:25px}.card h3{font-size:36px}.card p{margin-top:15px}.process-accordion{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.process-panel{border-top:1px solid;padding-top:20px}.process-panel h3{font-size:38px;margin:32px 0 18px}.process-arrow{display:none}#work{background:var(--gold)}.work-track{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.workcard img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .4s}.workcard{overflow:hidden}.workcard:hover img{transform:scale(1.035)}.workcard:nth-child(n+7){display:none}.work-track.expanded .workcard{display:block}.more-work{display:block;margin:30px auto 55px;background:none;border:1px solid var(--teal);padding:14px 24px;cursor:pointer;color:var(--teal)}.video-track{display:flex;gap:20px;overflow-x:auto;padding-bottom:18px}.vid-thumb{position:relative;flex:0 0 300px;aspect-ratio:16/10;padding:0;border:0;background:var(--teal);cursor:pointer}.vid-thumb img{width:100%;height:100%;object-fit:cover}.vid-play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:var(--cream)}.vid-play-btn svg{width:20px;fill:var(--teal)}#clients h2{font-size:40px;text-align:center}.logo-track{display:flex;align-items:center;justify-content:space-between;gap:30px}.logo-item{flex:1}.logo-item img{max-height:85px;max-width:145px;width:100%;object-fit:contain;mix-blend-mode:multiply}.testimonial-features{display:grid;grid-template-columns:1fr 1fr;gap:70px}.testimonial-feature p{font-size:19px}.testimonial-feature strong{display:block;margin-top:28px;font-size:13px;letter-spacing:.04em}.team-intro{max-width:700px;font-size:20px;margin-bottom:48px}.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.team-photo-wrap{aspect-ratio:3/4;overflow:hidden;background:var(--gold)}.team-photo-wrap img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.team-name{font-family:"Playfair Display",Georgia,serif;font-size:30px;margin-top:20px}.team-role{font-size:13px;line-height:1.5}.faq{border-top:1px solid #00394955;padding:24px 0}.faq:last-child{border-bottom:1px solid #00394955}.faq summary{font-size:22px;cursor:pointer}.faq p{margin-top:16px}#faq{background:var(--sky)}#contact{background:var(--teal)}#contact h2{font-size:clamp(55px,8vw,112px)}.contact-email{display:block;width:fit-content;margin-top:28px;font-size:clamp(17px,2.5vw,32px)}footer{background:var(--teal);color:var(--cream);padding:60px 0 30px;border-top:1px solid #e1ddd850}.footer-logo{height:40px;width:auto;filter:brightness(0) invert(94%)}footer p{color:var(--cream)!important}.footer-bottom{display:flex;justify-content:space-between;gap:50px;margin-top:60px;font-size:12px}.social-icons{display:flex;gap:20px}.social-icons svg{width:21px;fill:var(--cream)}:focus-visible{outline:3px solid currentColor;outline-offset:6px}.skip-link{position:fixed;left:15px;top:-80px;background:var(--cream);padding:14px;z-index:100}.skip-link:focus{top:10px}
@media(max-width:900px){nav ul{gap:15px}.nav{gap:20px}nav ul a{font-size:17px}.nav-cta{display:none}.hero{min-height:650px}.intro{min-height:0}.intro-copy{padding:65px 8%}.service-panel-copy{grid-template-columns:1fr;gap:15px}.process-accordion{grid-template-columns:repeat(2,1fr);row-gap:45px}.team-grid{grid-template-columns:repeat(3,1fr)}.logo-track{flex-wrap:wrap}.logo-item{flex:0 0 26%}.logo-item img{margin:auto}}
@media(max-width:600px){section{padding:65px 0}.nav{min-height:72px}.logo img{height:28px}.menu-toggle{display:block;border:1px solid var(--teal);background:none;color:var(--teal);padding:9px 15px;border-radius:30px}nav ul{display:none;position:absolute;top:72px;left:0;width:100%;background:var(--gold);padding:25px 5%;gap:20px;flex-direction:column}nav ul.open{display:flex}nav ul a{font-size:28px}.hero{padding:50px 0;min-height:640px;background-position:62% center}.hero h1{font-size:clamp(48px,11.6vw,70px);line-height:1.03}.hero p:not(.eyebrow){font-size:17px;max-width:90%}.eyebrow{font-size:9px;letter-spacing:.1em}.intro{grid-template-columns:1fr}.intro-copy{padding:65px 5%}.intro>img{height:420px}.grid,.testimonial-features{grid-template-columns:1fr;gap:40px}.service-panel{grid-template-columns:25px 1fr 24px;gap:13px}.service-panel h3{font-size:30px}.process-accordion{gap:30px 22px}.process-panel h3{font-size:32px}.process-panel p{font-size:14px}.work-track{grid-template-columns:repeat(2,1fr);gap:12px}.vid-thumb{flex-basis:260px}.team-grid{grid-template-columns:repeat(2,1fr);gap:30px 18px}.footer-bottom{flex-direction:column;gap:25px}.faq summary{font-size:19px}.testimonial-feature p{font-size:17px}h2{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

h1,h2,h3{font-weight:500}h1 em,h2 em{font-weight:500}.btn,.text-link{font-weight:600}

.hero{overflow:hidden;isolation:isolate}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,28,36,.78),rgba(0,28,36,.38));z-index:-1;pointer-events:none}.video-toggle{position:absolute;bottom:20px;right:4%;z-index:2;background:rgba(0,57,73,.7);border:1px solid #e1ddd880;border-radius:30px;padding:9px 15px;color:var(--cream);font-size:12px;cursor:pointer}

/* Vibrant header colour, including the mobile menu. */
nav,nav ul.open{background:#FFD23F}

/* Bold purple header accents. */
nav{color:#5B16D6}nav ul a{font-weight:600}.logo img{filter:brightness(0) saturate(100%) invert(16%) sepia(97%) saturate(4420%) hue-rotate(259deg) brightness(81%) contrast(116%)}.nav-cta{background:#5B16D6;color:#fff;font-weight:600}.menu-toggle{color:#5B16D6;border-color:#5B16D6}

/* Playful hero colour treatment. */
.hero{color:#FFF9F0}.hero::after{background:linear-gradient(90deg,rgba(25,8,52,.86),rgba(30,12,61,.60) 58%,rgba(18,15,40,.35))}.hero-gold{color:#FFD23F}.hero-coral{color:#FF9DAE}.hero-lilac{color:#D5B6FF}.hero .eyebrow{color:#D5B6FF}.hero .btn{color:#FFD23F;border-color:#FFD23F}.hero .btn:hover{color:#FFF9F0;opacity:1}.hero .video-toggle{background:rgba(39,13,73,.8);color:#FFF9F0;border-color:#D5B6FF}

/* Bold, rounded typography for the colourful hero. */
.hero h1{font-family:Poppins,Arial,sans-serif;font-weight:800;font-size:clamp(54px,7.4vw,108px);line-height:1.05;letter-spacing:-.055em;max-width:1160px}.hero h1 em{font-weight:800}
@media(max-width:600px){.hero h1{font-size:clamp(34px,9.2vw,55px);line-height:1.12;letter-spacing:-.055em}}

/* Telegraf hero typography. */
.hero h1{font-family:Telegraf,Arial,sans-serif;font-weight:800}.hero h1 em{font-weight:800}

/* Deep green palette across the site. */
:root{--cream:#E4ECE3;--teal:#123C2E;--gold:#244E3D;--sky:#B9CCBA;--muted:#405D4A}
nav,nav ul.open{background:#123C2E;color:#E4ECE3}
nav .logo img{filter:brightness(0) invert(93%) sepia(9%) saturate(310%) hue-rotate(63deg)}
.nav-cta{background:#C8DDB3;color:#123C2E}.menu-toggle{color:#E4ECE3;border-color:#9AB59C}
.hero{background:#0B281E;color:#F0F3E9}.hero::after{background:linear-gradient(90deg,rgba(5,32,22,.89),rgba(9,47,32,.68) 58%,rgba(6,30,22,.42))}
.hero-gold{color:#D8E7C4}.hero-coral{color:#99C7A5}.hero-lilac{color:#B7D3B2}.hero .eyebrow{color:#BDD5BB}.hero .btn{color:#D8E7C4;border-color:#BDD5BB}.hero .btn:hover{color:#fff}.hero .video-toggle{background:rgba(11,40,30,.85);color:#E4ECE3;border-color:#9AB59C}
#work{color:#E4ECE3}#work .more-work{color:#E4ECE3;border-color:#B9CCBA}#work .container>p{color:#D1DFD0!important}

/* Lighter, cleaner hero headline. */
.hero h1{font-family:Telegraf,Arial,sans-serif;font-weight:400;letter-spacing:-.04em;line-height:1.1}.hero h1 em{font-weight:400;font-style:normal}

/* Strong alternative hero typeface. */
.hero h1{font-family:"Arial Black",Arial,sans-serif;font-weight:900;letter-spacing:-.045em;line-height:1.06}.hero h1 em{font-weight:900;font-style:normal}

/* Telegraf Bold hero headline. */
.hero h1,.hero h1 em{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-style:normal}

/* Upright navigation and contrasting orange contact button. */
nav ul a{font-style:normal}.nav-cta{background:#FF751F;color:#123C2E;font-style:normal}.nav-cta:hover{background:#FF8D45}

/* Sans-serif header navigation. */
nav ul a,.nav-cta,.menu-toggle{font-family:Telegraf,Arial,sans-serif;font-style:normal;font-weight:700}

/* Lighter navigation typography. */
nav ul a,.menu-toggle{font-weight:400}

/* User-selected palette: green, red, orange, pale yellow. */
:root{--cream:#FFF2A0;--teal:#B93636;--gold:#7D9C65;--sky:#FF9C4C;--muted:#B93636}
body{background:#FFF2A0;color:#B93636}
nav,nav ul.open{background:#7D9C65;color:#152016}
nav .logo img{filter:brightness(0) saturate(100%) invert(9%) sepia(18%) saturate(844%) hue-rotate(75deg) brightness(94%) contrast(95%)}
.nav-cta{background:#FF9C4C;color:#152016}.nav-cta:hover{background:#FFF2A0}.menu-toggle{color:#152016;border-color:#152016}
.hero{background:#7D9C65;color:#FFF2A0}.hero::after{background:linear-gradient(90deg,rgba(15,29,17,.88),rgba(15,29,17,.70) 58%,rgba(15,29,17,.38))}
.hero-gold{color:#FFF2A0}.hero-coral{color:#FF9C4C}.hero-lilac{color:#FFF2A0}.hero .eyebrow{color:#FFF2A0}.hero .btn{color:#FF9C4C;border-color:#FF9C4C}.hero .btn:hover{color:#FFF2A0}.hero .video-toggle{background:#FFF2A0;color:#B93636;border-color:#FFF2A0}
#why,#faq{background:#FF9C4C;color:#152016}
#work{background:#7D9C65;color:#152016}#work .more-work{color:#152016;border-color:#152016}#work .container>p{color:#152016!important}
.blue,#contact,footer{background:#B93636;color:#FFF2A0}
.card,.process-panel,.service-panel,.services-accordion,.faq,.faq:last-child{border-color:currentColor}
footer p{color:#FFF2A0!important}.social-icons svg{fill:#FFF2A0}.footer-logo{filter:brightness(0) saturate(100%) invert(91%) sepia(38%) saturate(438%) hue-rotate(348deg) brightness(105%) contrast(103%)}
.team-photo-wrap{background:#7D9C65}

/* Expressive homepage: oversized type, offset lines and graphic accents. */
.hero{padding:55px 0 80px;min-height:760px}.hero .container{width:min(1440px,90%)}
.hero::after{background:linear-gradient(90deg,rgba(15,29,17,.85),rgba(15,29,17,.57) 65%,rgba(15,29,17,.32))}
.hero .eyebrow{display:inline-block;background:#B93636;color:#FFF2A0;padding:9px 14px;font-size:12px;letter-spacing:.06em;transform:rotate(-2deg);margin-bottom:18px}
.hero h1{font-family:Telegraf,Arial,sans-serif;font-size:clamp(58px,7.5vw,112px);font-weight:800;line-height:1.03;letter-spacing:-.065em;max-width:1200px;margin:16px 0 32px;color:#FFF2A0}
.hero-line{display:block}.hero-offset{padding-left:5%}.hero h1 em{display:inline-block;background:#FF9C4C;color:#152016;font-family:inherit;font-weight:800;font-style:normal;padding:0 .12em .07em;transform:rotate(-4deg);margin:0 .03em .03em}
.follow-mark{position:relative;display:inline-block}.follow-mark::after{content:"";position:absolute;left:0;bottom:-.04em;width:100%;height:.065em;background:#FF9C4C;transform:rotate(-3deg)}.hero-dot{color:#FF9C4C}
.hero .hero-description{max-width:560px;font-size:18px;line-height:1.5}.hero .btn{display:inline-flex;align-items:center;background:#FF9C4C;color:#152016;border:2px solid #152016;border-radius:0;padding:17px 24px;box-shadow:6px 6px 0 #B93636;font-family:Telegraf,Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:0;transform:rotate(-1deg);transition:transform .2s,box-shadow .2s}.hero .btn:hover{color:#152016;background:#FFF2A0;transform:translate(2px,2px);box-shadow:4px 4px 0 #B93636}
.hero-stamp{position:absolute;right:2%;bottom:8px;background:#FFF2A0;color:#B93636;width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Telegraf,Arial,sans-serif;font-size:20px;font-weight:800;line-height:1.05;transform:rotate(12deg)}.hero-stamp span{font-size:44px;line-height:1;margin-top:5px}
@media(max-width:900px){.hero-stamp{width:125px;height:125px;font-size:16px;right:0}.hero .hero-description{max-width:65%}.hero{min-height:700px}}
@media(max-width:600px){.hero{padding:40px 0 75px;min-height:660px}.hero .eyebrow{font-size:10px;padding:8px 10px}.hero h1{font-size:clamp(35px,8.8vw,54px);line-height:1.16;letter-spacing:-.055em;margin:26px 0 30px}.hero-offset{padding-left:2%}.hero .hero-description{max-width:100%;font-size:17px}.hero-stamp{position:relative;bottom:auto;right:auto;width:100px;height:100px;font-size:13px;float:right;margin:22px 0 10px 15px}.hero-stamp span{font-size:30px}.hero .btn{font-size:14px;padding:15px 18px;margin-top:25px}}

/* Contact button: pale yellow default, red on interaction. */
.nav-cta{background:#FFF2A0;color:#152016;transition:background-color .2s,color .2s}.nav-cta:hover,.nav-cta:focus-visible{background:#B93636;color:#FFF2A0}

/* Remove only navigation hover underlines. */
nav a:hover{text-decoration:none}

/* Fit the updated badge copy at each screen size. */
.hero-stamp{font-size:15px;padding:12px}
@media(max-width:900px){.hero-stamp{font-size:12px;padding:8px}}
@media(max-width:600px){.hero-stamp{width:120px;height:120px;font-size:11px;padding:8px}}

/* Blog landing page and homepage introduction. */
.blog-teaser{background:#FFF2A0;color:#B93636}.blog-teaser-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.blog-teaser h2,.blog-page h1,.blog-page h2,.blog-page h3{font-family:Telegraf,Arial,sans-serif;font-weight:700}.blog-teaser h2{margin-bottom:0}.blog-teaser h2 span{display:inline-block;transform:rotate(-2deg)}.blog-teaser-copy p{font-size:20px;max-width:490px}.blog-button{display:inline-block;background:#B93636;color:#FFF2A0;padding:16px 23px;margin-top:26px;font-family:Telegraf,Arial,sans-serif;font-weight:700}.blog-button:hover{background:#152016;color:#FFF2A0}
.blog-heading{background:#B93636;color:#FFF2A0;padding:85px 0}.blog-page h1{font-size:clamp(52px,7.5vw,110px);line-height:1.03;letter-spacing:-.055em;margin-bottom:32px}.blog-page h1 span{color:#FF9C4C}.blog-heading .container>p:last-child{max-width:650px;font-size:20px}.blog-list-section{background:#FFF2A0;color:#152016;min-height:430px}.blog-list-header{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid #152016;padding-bottom:20px;margin-bottom:45px}.blog-list-header h2{font-size:40px;margin:0}.blog-list-header>span{font-size:13px}.blog-empty{display:flex;align-items:center;gap:50px;padding:30px 0}.blog-spark{font-size:130px;line-height:1;color:#B93636}.blog-empty h3{font-size:36px;margin-bottom:15px;letter-spacing:-.03em}.blog-empty p{max-width:550px}.blog-posts:has(.blog-card){display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.blog-card{padding:30px;background:#FF9C4C}.blog-card h3{font-size:30px;line-height:1.1;margin-bottom:20px}.blog-read{display:inline-block;margin-top:30px;font-weight:700}nav a[aria-current="page"]{border-bottom:2px solid currentColor}
@media(max-width:1100px) and (min-width:601px){nav ul{gap:14px}.nav{gap:18px}nav ul a{font-size:16px}}
@media(max-width:600px){.blog-teaser-grid{grid-template-columns:1fr;gap:30px}.blog-teaser-copy p{font-size:17px}.blog-heading{padding:60px 0}.blog-heading .container>p:last-child{font-size:17px}.blog-list-header{align-items:start;flex-direction:column;gap:10px}.blog-empty{align-items:start;gap:20px}.blog-spark{font-size:55px}.blog-empty h3{font-size:28px}.blog-posts:has(.blog-card){grid-template-columns:1fr}}

.blog-thumb{display:block;margin:-30px -30px 26px;overflow:hidden}.blog-thumb img{width:100%;aspect-ratio:8/5;object-fit:cover;transition:transform .2s}.blog-thumb:hover img{transform:scale(1.03)}.blog-read{background:#B93636;color:#FFF2A0;padding:12px 18px}.blog-read:hover{background:#152016}.article-page{background:#FFF2A0;color:#152016}.article-header{padding-top:60px;padding-bottom:45px;max-width:1000px}.article-back{display:inline-block;margin-bottom:50px;font-size:15px}.article-header h1{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:clamp(42px,6vw,80px);line-height:1.04;letter-spacing:-.045em;max-width:900px;color:#B93636;margin-bottom:25px}.article-deck{font-size:22px;max-width:720px}.article-byline{margin-top:25px;font-size:14px}.article-cover{max-width:1100px}.article-cover img{width:100%;aspect-ratio:8/5;object-fit:cover}.article-body{width:min(720px,90%);margin:auto;padding:55px 0 90px;font-size:19px;line-height:1.7}.article-body h2{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:34px;margin:45px 0 20px}.article-body p{margin-bottom:25px}.article-body blockquote{font-family:Telegraf,Arial,sans-serif;font-size:30px;line-height:1.3;color:#B93636;border-left:5px solid #B93636;padding-left:25px;margin:40px 0}.placeholder-note{background:#FF9C4C;color:#152016;padding:22px;font-size:15px}.article-header .eyebrow{color:#B93636}@media(max-width:600px){.article-deck{font-size:18px}.article-body{font-size:17px}.article-back{margin-bottom:30px}.article-header{padding-top:35px}}

/* Expanded, image-free introduction. */
.intro.intro-expanded{display:block;min-height:0;padding:95px 0;background:#FFF2A0;color:#152016}.intro-heading-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:start}.intro-expanded h2{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:clamp(42px,5vw,72px);letter-spacing:-.055em;color:#B93636;line-height:1.04}.intro-expanded h2 span{display:inline-block}.intro-description>p{font-size:19px;margin-bottom:22px;max-width:600px}.intro-expanded .text-link{color:#B93636;margin-top:6px}.intro-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:65px}.intro-pillars>div{border-top:2px solid #7D9C65;padding-top:24px}.intro-pillars .eyebrow{display:block;font-size:10px;margin-bottom:20px}.intro-pillars h3{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:28px;line-height:1.1;letter-spacing:-.03em;color:#B93636;margin-bottom:18px}.intro-pillars p{font-size:16px}
@media(max-width:800px){.intro-heading-grid{grid-template-columns:1fr;gap:12px}.intro-pillars{gap:24px}.intro-pillars h3{font-size:24px}}
@media(max-width:600px){.intro.intro-expanded{padding:65px 0}.intro-description>p{font-size:17px}.intro-pillars{grid-template-columns:1fr;margin-top:40px;gap:30px}.intro-pillars h3{font-size:28px}}

/* Bold services section with readable, structured descriptions. */
#services.services-bold{background:#B93636;color:#FFF2A0;padding:95px 0}.services-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:65px}.services-heading h2{font-family:Telegraf,Arial,sans-serif;font-weight:800;font-size:clamp(64px,9vw,130px);line-height:.98;letter-spacing:-.06em;margin:0}.services-heading h2 span{display:inline-block;background:#FFF2A0;color:#B93636;padding:0 .12em .08em;transform:rotate(-5deg)}.services-heading>p{max-width:370px;font-size:18px;line-height:1.55}.services-editorial{border-top:1px solid #FFF2A080}.service-feature{display:grid;grid-template-columns:65px 1fr 90px;gap:25px;align-items:start;padding:40px 0;border-bottom:1px solid #FFF2A080}.service-index{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:20px;padding-top:8px}.service-feature-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.service-feature h3{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:clamp(32px,3.6vw,50px);line-height:1.04;letter-spacing:-.035em}.service-feature-copy>p{font-size:17px;line-height:1.65;max-width:460px}.service-symbol{display:grid;place-items:center;width:76px;height:76px;background:#FF9C4C;color:#152016;font-family:Arial,sans-serif;font-size:49px;line-height:1;transform:rotate(8deg)}.service-feature:nth-child(2) .service-symbol{border-radius:50%;background:#FFF2A0;transform:rotate(-12deg)}.service-feature:nth-child(3) .service-symbol{transform:rotate(-8deg)}.service-feature:nth-child(4) .service-symbol{border-radius:50%;background:#FFF2A0;transform:rotate(12deg)}.services-outro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:45px}.services-outro p{font-size:20px}.services-outro a{display:inline-block;background:#FFF2A0;color:#B93636;padding:16px 22px;font-family:Telegraf,Arial,sans-serif;font-weight:700}.services-outro a:hover{background:#FF9C4C;color:#152016}
@media(max-width:900px){.services-heading{align-items:start;flex-direction:column;gap:30px}.service-feature{grid-template-columns:38px 1fr 60px;gap:20px}.service-feature-copy{gap:25px}.service-symbol{width:56px;height:56px;font-size:38px}}
@media(max-width:600px){#services.services-bold{padding:65px 0}.services-heading{margin-bottom:40px}.services-heading h2{font-size:64px}.services-heading>p{font-size:17px}.service-feature{grid-template-columns:28px minmax(0,1fr) 42px;gap:12px;padding:30px 0}.service-index{font-size:14px}.service-feature-copy{grid-template-columns:1fr;gap:20px}.service-feature h3{font-size:32px}.service-feature-copy>p{font-size:16px;line-height:1.6}.service-symbol{width:40px;height:40px;font-size:28px}.services-outro{align-items:start;flex-direction:column}.services-outro p{font-size:18px}}

/* Services heading follows the homepage headline size. */
.services-heading h2{font-size:clamp(58px,7.5vw,112px)}
@media(max-width:600px){.services-heading h2{font-size:clamp(35px,8.8vw,54px)}}

/* Why PPY: bold typography and three clear reasons. */
#why.why-bold{background:#7D9C65;color:#152016;padding:95px 0}.why-bold>.container{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:start}.why-bold h2{font-family:Telegraf,Arial,sans-serif;font-size:clamp(58px,7.5vw,112px);font-weight:700;letter-spacing:-.065em;line-height:1.03;margin:0}.why-bold h2 span{display:inline-block;background:#FFF2A0;color:#B93636;padding:0 .12em .06em;transform:rotate(-5deg)}.why-reasons article{position:relative;border-top:1px solid #152016;padding:30px 0 35px 48px}.why-reasons article:last-child{padding-bottom:0}.why-number{position:absolute;left:0;top:32px;font-size:13px;font-weight:700}.why-reasons h3{font-family:Telegraf,Arial,sans-serif;font-size:clamp(27px,2.8vw,38px);font-weight:700;line-height:1.1;letter-spacing:-.035em;margin-bottom:18px}.why-reasons p{max-width:520px;font-size:17px;line-height:1.65}
@media(max-width:900px){.why-bold>.container{grid-template-columns:1fr;gap:50px}.why-bold h2 br{display:none}}
@media(max-width:600px){#why.why-bold{padding:65px 0}.why-bold h2{font-size:clamp(35px,8.8vw,54px)}.why-reasons article{padding-left:35px}.why-reasons p{font-size:16px}}

/* Match section heading sizes to the introduction. */
.services-heading h2,.why-bold h2{font-size:clamp(42px,5vw,72px)}

/* Why PPY uses the same full-width row structure as services. */
.why-bold>.container{display:block}.why-bold .services-heading h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.06em;line-height:1.04}.why-bold .services-editorial,.why-bold .service-feature{border-color:#15201680}.why-bold .service-symbol{color:#152016}

/* Alternative Why PPY layout: staggered, readable editorial cards. */
.why-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:36px}.why-card-layout .service-feature{display:flex;flex-direction:column;position:relative;gap:0;padding:30px;background:#FFF2A0;color:#152016;border:0;min-height:410px;box-shadow:7px 7px 0 #152016}.why-card-layout .service-feature:nth-child(2){background:#FF9C4C;transform:translateY(24px)}.why-card-layout .service-feature:nth-child(3){background:#B93636;color:#FFF2A0;transform:translateY(-12px)}.why-card-layout .service-index{font-size:15px;padding:0;margin-bottom:48px}.why-card-layout .service-feature-copy{display:block}.why-card-layout .service-feature h3{font-size:clamp(27px,2.7vw,38px);line-height:1.08;margin-bottom:22px}.why-card-layout .service-feature-copy>p{font-size:16px;line-height:1.65}.why-card-layout .service-symbol{position:absolute;right:24px;top:20px;width:45px;height:45px;background:transparent!important;color:inherit;font-size:36px;transform:rotate(-8deg)}
@media(max-width:900px){.why-card-grid{gap:18px}.why-card-layout .service-feature{padding:24px}.why-card-layout .service-feature h3{font-size:28px}}
@media(max-width:700px){.why-card-grid{grid-template-columns:1fr;gap:24px;padding-bottom:0}.why-card-layout .service-feature,.why-card-layout .service-feature:nth-child(2),.why-card-layout .service-feature:nth-child(3){transform:none;min-height:0;padding:28px}.why-card-layout .service-index{margin-bottom:35px}.why-card-layout .service-feature h3{font-size:32px}}

/* Process: retain the four-column layout with matching typography. */
#process{background:#FFF2A0;color:#152016;padding:95px 0}#process h2{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.055em;color:#B93636;margin-bottom:65px}#process h2 span{display:inline-block;background:#B93636;color:#FFF2A0;padding:0 .12em .08em;transform:rotate(-4deg)}#process .process-panel{border-top:2px solid #B93636;padding-top:22px}#process .process-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#FF9C4C;color:#152016;font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:14px}#process .process-panel h3{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:34px;letter-spacing:-.035em;color:#B93636;margin:26px 0 18px}#process .process-panel p{font-size:16px;line-height:1.65}
@media(max-width:600px){#process{padding:65px 0}#process h2{margin-bottom:45px}#process .process-panel h3{font-size:29px}#process .process-panel p{font-size:15px}}

/* Swipeable contribution galleries. */
#work{padding:95px 0}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.work-heading h2{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:clamp(42px,5vw,72px);letter-spacing:-.055em;line-height:1.04;margin:0}.work-heading h2 span{color:#FFF2A0}.work-controls{display:flex;gap:10px;flex-shrink:0}.work-controls button{width:48px;height:48px;border:1px solid #152016;background:#FFF2A0;color:#152016;border-radius:50%;font-size:25px;cursor:pointer}.work-controls button:hover:not(:disabled){background:#FF9C4C}.work-controls button:disabled{opacity:.35;cursor:default}
#work .work-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 18px;scrollbar-width:thin;scrollbar-color:#152016 transparent}#work .workcard,#work .workcard:nth-child(n+7){display:block;flex:0 0 calc((100% - 60px)/3.35);min-width:0;scroll-snap-align:start;border-radius:24px;overflow:hidden}#work .workcard img{width:100%;aspect-ratio:9/16;object-fit:cover}.video-row-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:50px 0 25px}.video-row-heading h3{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:32px;letter-spacing:-.03em}#work .video-track{scroll-snap-type:x mandatory;padding:4px 0 18px;scrollbar-width:thin;scrollbar-color:#152016 transparent}#work .vid-thumb{flex:0 0 calc((100% - 60px)/3.35);aspect-ratio:9/16;border-radius:24px;overflow:hidden;scroll-snap-align:start}#work .vid-thumb img{object-fit:cover}#work .vid-play-btn{width:60px;height:60px;background:#FFF2A0}#work .vid-play-btn svg{fill:#152016}#work .vid-thumb:hover .vid-play-btn{background:#FF9C4C}#work .vid-thumb:focus-visible{outline-offset:-5px}
@media(max-width:900px){#work .workcard,#work .workcard:nth-child(n+7),#work .vid-thumb{flex-basis:38%}}
@media(max-width:600px){#work{padding:65px 0}.work-heading{align-items:start;flex-direction:column;gap:25px;margin-bottom:25px}.work-heading h2{font-size:42px}#work .workcard,#work .workcard:nth-child(n+7),#work .vid-thumb{flex-basis:72%}.work-controls button{width:42px;height:42px}.video-row-heading h3{font-size:27px}.video-row-heading{margin-top:35px}}

/* Compact portfolio cards. */
#work .workcard,#work .workcard:nth-child(n+7),#work .vid-thumb{flex-basis:clamp(165px,18vw,240px);border-radius:18px}
#work .vid-play-btn{width:48px;height:48px}
@media(max-width:600px){#work .workcard,#work .workcard:nth-child(n+7),#work .vid-thumb{flex-basis:52%}}

/* Mixed media shares one compact slider. */
#work .work-track .vid-thumb{position:relative;display:block;flex-shrink:0;min-width:0;scroll-snap-align:start}#work .work-track .vid-thumb img{width:100%;height:100%;aspect-ratio:9/16;object-fit:cover}

/* Portfolio heading matches the other section titles. */
.work-heading h2{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.055em}.work-heading h2 span{display:inline-block;background:#FFF2A0;color:#B93636;padding:0 .12em .08em;transform:rotate(-4deg)}

/* Continuous scrolling without snap stops. */
#work .work-track{scroll-snap-type:none;scroll-behavior:auto}

/* Brand portfolio: generous logo tiles and matching section heading. */
#clients{background:#FF9C4C;color:#152016;padding:95px 0}#clients h2{text-align:left;font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.055em;margin-bottom:60px}#clients h2 span{display:inline-block;background:#B93636;color:#FFF2A0;padding:0 .12em .08em;transform:rotate(-4deg)}#clients .logo-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#clients .logo-item{display:flex;align-items:center;justify-content:center;min-height:180px;padding:35px;background:#FFF2A0;border:1px solid #15201622}#clients .logo-item img{width:100%;max-width:190px;max-height:100px;object-fit:contain;mix-blend-mode:multiply;margin:0}#clients .logo-item.is-square img{max-width:110px}
@media(max-width:600px){#clients{padding:65px 0}#clients h2{margin-bottom:40px}#clients .logo-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#clients .logo-item{min-height:125px;padding:22px}#clients .logo-item img{max-height:75px}#clients .logo-item.is-square img{max-width:75px}}

/* Preserve the supplied white logos against a contrasting background. */
#clients .logo-item{background:#B93636;border-color:#B93636}#clients .logo-item img{mix-blend-mode:normal;filter:none}

/* Brand cards echo the staggered Why PPY cards. */
#clients .logo-track{gap:32px 24px;padding-bottom:30px}
#clients .logo-item{background:#FFF2A0;border:0;box-shadow:7px 7px 0 #152016;min-height:190px}
#clients .logo-item:nth-child(3n+2){background:#FF9C4C;transform:translateY(24px)}
#clients .logo-item:nth-child(3n){background:#B93636;transform:translateY(-12px)}
#clients .logo-item img{mix-blend-mode:normal;filter:brightness(0)}
#clients .logo-item:nth-child(3n) img{filter:none}
@media(max-width:600px){#clients .logo-track{gap:24px 18px;padding-bottom:0}#clients .logo-item,#clients .logo-item:nth-child(3n+2),#clients .logo-item:nth-child(3n){transform:none;min-height:135px}}

#clients .logo-filter-fyn img{filter:none;max-width:230px;max-height:120px}

/* More compact brand tiles. */
#clients .logo-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}#clients .logo-item{min-height:150px;padding:25px}#clients .logo-item img{max-width:160px;max-height:85px}#clients .logo-item.is-square img{max-width:90px}#clients .logo-filter-fyn img{max-width:185px;max-height:100px}
@media(max-width:900px){#clients .logo-track{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#clients .logo-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}#clients .logo-item,#clients .logo-item:nth-child(3n+2),#clients .logo-item:nth-child(3n){min-height:115px;padding:20px}#clients .logo-item img{max-height:65px}#clients .logo-item.is-square img{max-width:65px}}



/* On-page portfolio video player. */
#portfolio-player{width:min(1000px,94vw);max-width:94vw;max-height:94dvh;margin:auto;padding:0;border:0;border-radius:16px;background:#152016;color:#FFF2A0;overflow:auto;box-shadow:0 20px 80px #0008}#portfolio-player::backdrop{background:rgba(0,0,0,.82)}.player-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px}.player-bar h2{font-family:Telegraf,Arial,sans-serif;font-size:20px;font-weight:700;margin:0;letter-spacing:0}.player-close{background:#FFF2A0;color:#152016;border:0;border-radius:30px;padding:10px 16px;cursor:pointer;font-family:Telegraf,Arial,sans-serif;font-weight:700}.player-close:hover{background:#FF9C4C}.player-screen{aspect-ratio:16/9;background:#000}.player-screen iframe{display:block;width:100%;height:100%;border:0}#portfolio-player.portrait-video{width:min(440px,94vw)}.portrait-video .player-screen{aspect-ratio:9/16;max-height:76dvh}

/* Testimonials: generous, legible quote cards. */
#testimonials{background:#B93636;color:#FFF2A0;padding:95px 0}#testimonials h2{font-family:Telegraf,Arial,sans-serif;font-size:clamp(42px,5vw,72px);font-weight:700;letter-spacing:-.055em;line-height:1.04;margin-bottom:60px}#testimonials h2 span{display:inline-block;background:#FFF2A0;color:#B93636;padding:0 .12em .08em;transform:rotate(-4deg)}#testimonials .testimonial-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;padding-bottom:20px}#testimonials .testimonial-feature{display:flex;flex-direction:column;margin:0;padding:35px 38px;background:#FFF2A0;color:#152016;box-shadow:7px 7px 0 #152016}#testimonials .testimonial-feature:nth-child(2){background:#FF9C4C;transform:translateY(20px)}.quote-mark{font-family:Georgia,serif;font-size:100px;line-height:.8;color:#B93636;height:70px;display:block}#testimonials blockquote{margin:0;flex:1}#testimonials .testimonial-feature p{font-size:17px;line-height:1.75}#testimonials figcaption{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:15px;line-height:1.5;border-top:1px solid #15201655;margin-top:30px;padding-top:20px}
@media(max-width:800px){#testimonials .testimonial-features{grid-template-columns:1fr;gap:28px}#testimonials .testimonial-feature:nth-child(2){transform:none}}
@media(max-width:600px){#testimonials{padding:65px 0}#testimonials h2{margin-bottom:40px}#testimonials .testimonial-feature{padding:28px}#testimonials .testimonial-feature p{font-size:16px}}

/* Network cards match the expressive testimonial treatment. */
#team{background:#7D9C65;color:#152016;padding:95px 0}#team h2{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.055em;margin-bottom:32px}#team h2 span{display:inline-block;background:#FFF2A0;color:#B93636;padding:0 .12em .08em;transform:rotate(-4deg)}#team .team-intro{max-width:760px;font-size:19px;margin-bottom:55px}#team .team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 30px;padding-bottom:20px}#team .team-card{background:#FFF2A0;color:#152016;padding:18px 18px 26px;box-shadow:7px 7px 0 #152016}#team .team-card:nth-child(3n+2){background:#FF9C4C;transform:translateY(16px)}#team .team-card:nth-child(3n){background:#B93636;color:#FFF2A0}#team .team-photo-wrap{aspect-ratio:4/5;background:#152016;overflow:hidden}#team .team-photo-wrap img{width:100%;height:100%;object-fit:cover}#team .team-name{font-family:Telegraf,Arial,sans-serif;font-size:30px;font-weight:700;line-height:1.1;letter-spacing:-.03em;margin:22px 0 10px}#team .team-role{font-size:14px;line-height:1.55}
@media(max-width:900px){#team .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}#team .team-card:nth-child(3n+2){transform:none}}
@media(max-width:600px){#team{padding:65px 0}#team .team-intro{font-size:17px;margin-bottom:35px}#team .team-grid{gap:26px 18px}#team .team-card{padding:12px 12px 20px;box-shadow:5px 5px 0 #152016}#team .team-name{font-size:24px;margin-top:18px}#team .team-role{font-size:12px}}
@media(max-width:380px){#team .team-grid{grid-template-columns:1fr}}

/* Compact network cards with readable captions. */
#team .team-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}#team .team-card{padding:12px 12px 20px;box-shadow:5px 5px 0 #152016}#team .team-name{font-size:25px;margin-top:18px}#team .team-role{font-size:13px}
@media(max-width:1100px){#team .team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}}
@media(max-width:700px){#team .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}#team .team-card:nth-child(3n+2){transform:none}#team .team-name{font-size:24px}}
@media(max-width:380px){#team .team-grid{grid-template-columns:1fr;max-width:270px}}

/* Clear, expandable FAQ cards with matching headline treatment. */
#faq{background:#FF9C4C;color:#152016;padding:95px 0}#faq h2{font-family:Telegraf,Arial,sans-serif;font-size:clamp(42px,5vw,72px);font-weight:700;line-height:1.04;letter-spacing:-.055em;margin-bottom:55px}#faq h2 span{display:inline-block;background:#B93636;color:#FFF2A0;padding:0 .12em .08em;transform:rotate(-3deg)}#faq .faq,#faq .faq:last-child{background:#FFF2A0;border:0;padding:0;margin-bottom:20px;box-shadow:5px 5px 0 #152016}#faq summary{position:relative;list-style:none;padding:26px 75px 26px 28px;font-family:Telegraf,Arial,sans-serif;font-size:23px;font-weight:700;line-height:1.3;cursor:pointer}#faq summary::-webkit-details-marker{display:none}#faq summary::after{content:'+';position:absolute;right:25px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;font-size:30px;font-weight:400;color:#B93636}#faq details[open] summary::after{content:'−'}#faq details[open] summary{color:#B93636}#faq .faq p{margin:0;padding:0 75px 28px 28px;max-width:950px;font-size:17px;line-height:1.65}#faq summary:hover{color:#B93636}#faq summary:focus-visible{outline-offset:4px}
@media(max-width:600px){#faq{padding:65px 0}#faq h2{margin-bottom:40px}#faq summary{font-size:19px;padding:23px 60px 23px 22px}#faq summary::after{right:18px}#faq .faq p{padding:0 22px 24px;font-size:16px}}

.blog-teaser h2 span{background:#B93636;color:#FFF2A0;padding:0 .12em .08em;transform:rotate(-3deg)}

/* Closing invitation with matching bold type and direct contact. */
#contact.contact-bold{background:#B93636;color:#FFF2A0;padding:95px 0}.contact-heading{display:flex;justify-content:space-between;align-items:center;gap:40px}#contact.contact-bold h2{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:clamp(42px,5vw,72px);line-height:1.12;letter-spacing:-.055em;margin:0}#contact h2 span{display:inline-block;background:#FFF2A0;color:#B93636;padding:0 .12em .08em;transform:rotate(-3deg);margin-top:8px}.contact-graphic{display:grid;place-items:center;width:140px;height:140px;flex-shrink:0;background:#FF9C4C;color:#152016;font-family:Arial,sans-serif;font-size:105px;line-height:1;transform:rotate(8deg);box-shadow:7px 7px 0 #152016}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:55px;padding-top:30px;border-top:1px solid #FFF2A060}.contact-bottom p{font-size:19px}.contact-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.contact-primary{display:inline-block;background:#FFF2A0;color:#B93636;padding:17px 25px;font-family:Telegraf,Arial,sans-serif;font-weight:700;box-shadow:5px 5px 0 #152016}.contact-primary:hover{background:#FF9C4C;color:#152016}.contact-secondary{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:16px}.contact-secondary:hover{color:#FF9C4C}#contact .contact-email{font-family:Telegraf,Arial,sans-serif;font-size:clamp(18px,2vw,26px);margin-top:30px}
@media(max-width:800px){.contact-bottom{align-items:start;flex-direction:column}.contact-graphic{width:95px;height:95px;font-size:70px}}
@media(max-width:600px){#contact.contact-bold{padding:65px 0}.contact-heading{align-items:start;gap:20px}.contact-graphic{display:none}.contact-bottom{margin-top:40px}.contact-bottom p{font-size:17px}.contact-actions{gap:25px}}

/* Shared footer with the site's bold palette and offset accents. */
footer.site-footer{background:#FFF2A0;color:#152016;border:0;padding:70px 0 30px}.footer-main{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:65px}.site-footer .footer-logo{height:auto;width:210px;max-width:100%;filter:brightness(0)}.site-footer p{color:#152016!important}.footer-brand>p{font-size:16px;max-width:310px;margin-top:24px}.footer-sticker{display:inline-block;background:#B93636;color:#FFF2A0;font-family:Telegraf,Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.25;padding:13px 18px;transform:rotate(-4deg);margin-top:28px;box-shadow:4px 4px 0 #152016}.site-footer h2{font-family:Telegraf,Arial,sans-serif;font-size:28px;letter-spacing:-.035em;font-weight:700;margin:0 0 25px;color:#B93636}.footer-links{display:flex;flex-direction:column;gap:15px;font-family:Telegraf,Arial,sans-serif;font-size:17px}.footer-links a:hover{color:#B93636}.footer-socials{display:flex;flex-direction:column;gap:13px;align-items:start}.footer-socials a{display:block;background:#FF9C4C;color:#152016;min-width:160px;padding:11px 15px;box-shadow:3px 3px 0 #152016;font-family:Telegraf,Arial,sans-serif;font-weight:700}.footer-socials a:nth-child(2){background:#7D9C65}.footer-socials a:nth-child(3){background:#B93636;color:#FFF2A0}.footer-socials a:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 #152016}.site-footer .footer-bottom{margin-top:65px;padding-top:25px;border-top:1px solid #15201655;align-items:center;font-size:12px;gap:25px}.footer-top{font-family:Telegraf,Arial,sans-serif;font-weight:700;font-size:15px;white-space:nowrap}
@media(max-width:900px){.footer-main{gap:30px;grid-template-columns:1.2fr 1fr 1fr}.site-footer h2{font-size:24px}}
@media(max-width:600px){footer.site-footer{padding-top:55px}.footer-main{grid-template-columns:1fr 1fr;gap:40px 24px}.footer-brand{grid-column:1/-1}.site-footer .footer-bottom{align-items:start;margin-top:45px}.footer-socials a{min-width:0;width:100%;font-size:14px}.footer-socials{align-items:stretch}.footer-links{font-size:15px}.site-footer h2{font-size:22px}}

footer.site-footer{background:#FFFFFF}

/* Footer social buttons in a horizontal row. */
.footer-main{grid-template-columns:1.2fr .8fr 1.4fr;gap:40px}.footer-socials{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.footer-socials a{min-width:0;width:auto;white-space:nowrap;font-size:14px;padding:11px 13px}
@media(max-width:900px){.footer-main{grid-template-columns:1fr 1fr}.footer-follow{grid-column:1/-1}}
@media(max-width:600px){.footer-main{gap:35px 24px}.footer-socials{gap:10px}.footer-socials a{font-size:13px;padding:10px 12px}}


/* Keep the blog footer at the viewport bottom on short pages. */
body.blog-layout{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.blog-layout>nav,.blog-layout>footer{flex-shrink:0}.blog-layout>.blog-page{flex:1}

/* Blog fills the available screen and places the footer in the last row. */
html:has(body.blog-layout){min-height:100%;background:#fff}
body.blog-layout{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;margin:0}
.blog-layout>nav{grid-row:1}.blog-layout>main{grid-row:2;min-width:0;display:flex;flex-direction:column}.blog-layout>footer.site-footer{grid-row:3;position:static;margin:0;width:100%;align-self:end}
.blog-layout .blog-list-section{flex:1;min-height:0;padding:55px 0}.blog-layout .blog-heading{padding:55px 0}.blog-layout .blog-empty{padding:15px 0}

/* White introduction background. */
.intro.intro-expanded{background:#FFFFFF}

/* White process section background. */
#process{background:#FFFFFF}

/* White FAQ background and smaller network cards. */
#faq{background:#FFFFFF}
#team .team-grid{grid-template-columns:repeat(5,minmax(0,190px));justify-content:space-between;gap:24px}
#team .team-card{padding:10px 10px 16px}#team .team-name{font-size:23px;margin-top:16px}#team .team-role{font-size:12px}
@media(max-width:1100px){#team .team-grid{grid-template-columns:repeat(3,minmax(0,190px));gap:30px 24px}}
@media(max-width:700px){#team .team-grid{grid-template-columns:repeat(2,minmax(0,180px));gap:26px 20px}}
@media(max-width:380px){#team .team-grid{grid-template-columns:minmax(0,210px);max-width:none;justify-content:center}}

/* Keep compact team cards together without stretching the gaps. */
#team .team-grid{justify-content:start;column-gap:20px}
@media(max-width:380px){#team .team-grid{justify-content:center}}

/* Restore FAQ colour and use white for the blog introduction. */
#faq{background:#FF9C4C}.blog-teaser{background:#FFFFFF}