/* CSS Document */

*{margin:0;padding:0;box-sizing:border-box;}
body{background:#111;font-family:"Helvetica Neue LT Std","Helvetica Neue",Helvetica,Arial,sans-serif;padding-top:95px;}
.outa-header{width:100%;background:#000;position:fixed;top:0;left:0;z-index:1000;}
.outa-header article{max-width:1700px;width:100%;margin:0 auto;padding:0 40px;min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:40px;}
.logo-holder{flex-shrink:0;width:180px;}
.logo-holder a{display:flex;align-items:center;justify-content:center;width:100%;height:60px;}
.main-nav{flex:1;}
.main-nav ul{list-style:none;display:flex;align-items:flex-start;justify-content:center;gap:65px;}
.main-nav ul li{position:relative;text-align:left;}
.main-nav ul li a{color:#fff;text-decoration:none;font-size:12px;line-height:1.4;text-align:left;display:block;transition:0.3s ease;}
.main-nav ul li a:hover{color:#e31d1a;}
.header-btn{flex-shrink:0;}
.header-btn a{background:#D01F26;color:#fff;text-decoration:none;padding:14px 28px;border-radius:4px;font-size:12px;font-weight:bold;transition:0.3s ease;display:inline-block;}
.header-btn a:hover{background:#ff2f2c;}
.menu-toggle{display:none;width:42px;height:42px;cursor:pointer;flex-direction:column;justify-content:center;gap:6px;}
.menu-toggle span{width:100%;height:3px;background:#fff;border-radius:20px;transition:0.3s ease;}



section{scroll-margin-top:120px;}
.home-banner{width:100%;min-height:900px;background:url('../images/top-banner.jpg') center center no-repeat;background-size:cover;display:flex;align-items:center;}
.home-banner article{max-width:1700px;width:100%;margin:0 auto;padding:0 45px;}
.banner-text h2{font-size:clamp(25px,5vw,50px);line-height:1;color:#fff;font-weight:500;}
.report-strip{width:100%;max-width:551px;height:71px;background:url('../images/red-strip.png') center center no-repeat;background-size:100% 100%;display:flex;align-items:flex-end;padding:0 0 0 20px;margin-bottom:15px;}
.report-strip span{font-size:clamp(38px,5vw,40px);color:#fff;font-weight:500;line-height:1.1;}
.banner-text h3{font-size:clamp(18px,2.2vw,20px);line-height:1.2;color:#fff;font-weight:400;letter-spacing:1px;}
.download-btn a{background:#D01F26;color:#fff;text-decoration:none;padding:14px 28px;border-radius:4px;font-size:12px;transition:0.3s ease;display:inline-block;}
.book-cover{margin:40px 0;}

.outa-banner{width:100%;min-height:900px;background:url('../images/outa-credo-banner.jpg') center center no-repeat;background-size:cover;display:flex;align-items:center;}
.outa-banner article{max-width:1700px;width:100%;margin:40px auto;padding:0 45px;}
.grey-block{background:#373738;padding:45px 30px 30px 30px;display:block;margin-left:40px;width:30%;position:relative;}
.grey-block:before{content:'The OUTA credo';position:absolute;left:-40px;background:#AD2227;display:block;width:60%;color:#fff;height:32px;top:-25px;font-size:clamp(18px,5vw,30px);text-align:center;padding:10px;}
.grey-block:after{content:'';position:absolute;left:2px;top:27px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:14px solid #AD2227;}
.grey-block p.intro{font-size: clamp(16px, 5vw, 20px);}
.grey-block p{color:#fff;font-size:14px;line-height:1.4;margin-bottom:15px;text-align:center;}



/*GENERAL*/
.img-responsive{max-width:100%;}
.switch-red {color:#AD2227!important;}
.no-marginB{margin-bottom:0px!important;}
.no-marginT{margin-top:0px!important;}
.margin-15T{margin-top:15px!important;}
.switch-orange {color:#F79332!important;}
.switch-white {color:#fff!important;}

.values-banner{width:100%;min-height:900px;background:url('../images/values-banner.jpg') center top no-repeat;background-size:cover;display:flex;flex-direction:column;position:relative;}
.values-label {width: 400px;background: #000;padding: 7px 48px 0px 48px;box-sizing: border-box;margin: 25px 0 0 0;position: relative;z-index: 2;}
.values-label p {color:#fff;margin:0;font-size: clamp(16px, 5vw, 20px);line-height:1.2;}
.values-label p span {color:#fff;margin:0;font-size: clamp(16px, 5vw, 18px);line-height:1.2; margin-top:10px; font-weight:500;}
.values-banner article{max-width:1700px;width:100%;margin:70px auto 0 auto;padding:0 45px;box-sizing:border-box;position:relative;z-index:2;}
.values-row{display:flex;flex-direction:row; gap:30px;}
.values-row .col-50{flex-basis:50%; padding:0px 30px;}
.values-row .col-50:first-child {padding:0px 150px 0px 30px;}

.purpose-block {background:#fff; padding:20px; border:1px solid #AD2227; border-radius:10px; text-align:center; position:relative; margin-bottom:100px;}
.purpose-block:after {content:url('../images/values-arrow-down.png'); position:absolute; bottom:-84px; left:50%; width:100px; height:84px; transform:translateX(-50%);}
.purpose-block h5 {font-size: clamp(16px, 5vw, 18px); color:#D01F26; font-weight:600; margin-bottom:15px;}
.purpose-block p {font-size: clamp(14px, 5vw, 16px);}

.vision-block {background:#AD2227; padding:20px; border-radius:10px; text-align:center; position:relative; margin-bottom:100px;}
.vision-block-border {border:1px solid #fff; padding:20px; border-radius:10px;}
.vision-block:after {content:url('../images/values-arrow-down.png'); position:absolute; bottom:-83px; left:50%; width:100px; height:84px; transform:translateX(-50%);}
.vision-block h5 {font-size: clamp(16px, 5vw, 18px); color:#fff; font-weight:600; margin-bottom:15px;}
.vision-block p {font-size: clamp(14px, 5vw, 16px); color:#fff;}

.mission-block {background:#000000; padding:20px; border:1px solid #fff; border-radius:10px; text-align:center; position:relative;}
.mission-block h5 {font-size: clamp(16px, 5vw, 18px); color:#D01F26; font-weight:600; margin-bottom:15px;}
.mission-block p {font-size: clamp(14px, 5vw, 16px); color:#FFF;}

.value-item{background:#fff;border-radius:12px;padding:25px 35px;display:flex;align-items:center;gap:35px;box-shadow:0 10px 25px rgba(0,0,0,0.18); margin-bottom:30px;}
.value-icon{min-width:90px;text-align:center;}
.value-icon-circle{width:62px;height:62px;border-radius:50%;background:#f3f3f3;display:flex;align-items:center;justify-content:center;margin:0 auto 12px auto;box-shadow:0 3px 10px rgba(0,0,0,0.15);}
.value-icon-circle img{width:34px;height:auto;}
.value-icon h4{margin:0;color:#D62027;font-size: clamp(18px, 5vw, 20px);font-weight:600;}
.value-content{flex:1;}
.value-content p{margin:0 0 18px 0;color:#4b4b4b;font-size: clamp(16px, 5vw, 16px);line-height:1.4;}
.value-content p:last-child{margin-bottom:0;}

.core-values-label {background:#000;padding:7px 40px 0px 50px;box-sizing:border-box;position:absolute;top:-132px;left:-18px;z-index:5;text-align:center;display:inline-block; width:400px; text-align:left;}
.core-values-label p {color:#fff;margin:0;font-size: clamp(16px, 5vw, 20px);line-height:1.2;}
.values-row .col-50:last-child {padding-top:0px;position:relative;}
.top-space {}

.ceo-report-section{position:relative;background:#e5e5e5;overflow:hidden;}
.ceo-report-wrap{position:relative;z-index:2;width:calc(100% - 70px);margin-left:70px;background:#be1e2d;}
.ceo-report-section::before{content:"";position:absolute;top:0;left:0;width:70px;height:100%;background:#e5e5e5;z-index:0;}
.ceo-report-title{position:absolute;top:35px;left:0;background:#000;color:#fff;width:520px;padding:12px 30px 2px 70px;margin:0;font-size:20px;font-weight:400;z-index:20;}
.ceo-report-inner{display:grid;grid-template-columns:calc(50vw - 78px) 1fr;}
.ceo-report-left{background:#98161c;padding:173px 0 0;min-height:1000px;}
.ceo-report-left img{display:block;margin:0 auto;max-width:100%;height:auto;}
.title-line{position:relative;height:59px;width:100%;}
.title-line::after{content:"";position:absolute;left:50%;top:0;width:100%;height:59px;background:url('../images/heart-beat.png') no-repeat center top;background-size:100% auto;transform:translateX(-50%);}
.ceo-voice-quote{position:relative;background:url('../images/voices.png') no-repeat center center;background-size:cover;width:100%;min-height:387px;padding:70px 70px 55px;color:#fff;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;}
.ceo-voice-quote p{max-width:430px;font-size:24px;line-height:1.25;margin:0;color:#fff;}

.ceo-voice-quote .ceo-person {margin-top:28px;  font-size:14px;  line-height:1.2;}
.ceo-voice-quote .ceo-person strong {display:block;margin-top:0;line-height:1.2;}
.ceo-voice-quote .ceo-person em{display:block;margin-top:2px;line-height:1.2;}

.ceo-report-right{position:relative;background:#C62532;padding:45px 70px;color:#fff;overflow:hidden;}
.ceo-report-right::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:400px;background:linear-gradient(to bottom,rgba(198,37,50,0) 0%,rgba(198,37,50,1) 100%);pointer-events:none;z-index:2;}
.ceo-report-right > *{position:relative;z-index:1;}
.ceo-report-right p{font-size:15px;line-height:1.6;margin:0; margin-bottom:15px;}
.ceo-report-right h6{font-size: clamp(15px, 5vw, 18px);line-height:1.4;}
.ceo-report-right h3{margin:28px 0 14px;font-size:17px;color:#fff;}
.ceo-report-right ul{margin:20px 0 20px 20px;padding:0;}
.ceo-report-right li{margin-bottom:8px;font-size:14px;}
.ceo-read-more,.ceo-close-grey{position:relative;background:#000;color:#fff;border:0;padding:12px 48px 12px 20px;cursor:pointer;font-size:13px;}
.ceo-read-more::after,.ceo-close-grey::after{content:"";position:absolute;top:50%;right:18px;width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;}
.ceo-read-more::after{transform:translateY(-70%) rotate(45deg);}
.ceo-close-grey::after{transform:translateY(-30%) rotate(-135deg);}
.ceo-read-more{position:relative;z-index:5;margin-top:30px;}
.ceo-read-more:hover,.ceo-close-grey:hover{background:#222;}

.ceo-grey-info{display:none;position:relative;background:#e5e5e5;padding:70px 7%;color:#3d3d3d;overflow:hidden;}
.ceo-grey-info::before{content:"";position:absolute;top:0;left:0;width:100%;height:300px;background:linear-gradient(to bottom,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:1;}
.ceo-grey-info.is-open{display:block;}
.ceo-grey-wrap{position:relative;z-index:2;max-width:1700px;width:100%;margin:0 auto;}
.ceo-grey-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;}
.ceo-grey-info h2,.ceo-grey-info h3{color:#98161c;font-weight:600;margin:0;}
.ceo-grey-info h2{font-size:24px;}
.ceo-grey-info h3{font-size:22px;margin-top:28px;}
.ceo-grey-info p{font-size:16px;line-height:1.4;margin-bottom:15px;}
.ceo-stat-box{margin-top:50px;background:#000;color:#fff;padding:50px 45px;}
.ceo-stat-box p{color:#fff;font-size:28px;line-height:1.25;margin:0;}
.ceo-stat-box strong{display:block;color:#d3232a;font-size:48px;font-weight:400;}
.ceo-close-grey{display:block;margin:45px 0 0 auto;}

.looking-ahead-section {width: 100%; min-height: 581px; background: #b51f29; color: #ffffff; border-radius: 0 0 6px 6px; overflow: hidden; position: relative; font-family: Arial, Helvetica, sans-serif;}
.looking-ahead-header {height: 62px; display: flex; align-items: center; justify-content: center; border-bottom: 2px solid #79161C; position: relative;}
.looking-ahead-header h2 {margin: 0; font-size: 21px; font-weight: 500; color:#fff;}
.header-icon-wrap {position: absolute; left: 26px; top: 0; width: 51px; height: 62px; background: #79161C; display: flex; align-items: center; justify-content: center;}
.header-icon-wrap::after {content: ""; position: absolute; bottom: -30px; left: 0; width: 0; height: 0; border-left: 25.5px solid transparent; border-right: 25.5px solid transparent; border-top: 30px solid #79161C;}
.header-icon-wrap img {width: 31px; height: auto; position: relative; z-index: 2;}
.looking-ahead-content {padding: 47px 33px 35px;}
.looking-ahead-content p {margin: 0 0 18px; font-size: 16px; line-height: 1.2; font-weight: 400;}
.looking-ahead-list {margin: -18px 0 38px 0; padding-left: 0; list-style: none; font-size: 16px; line-height: 1.4;}
.looking-ahead-list li {position: relative; padding-left: 13px; color:#fff;}
.looking-ahead-list li::before {content: ""; position: absolute; top:5px; left: 0; background:#fff; display:block; width:6px; height:6px; border-radius:100%;}

.bottom-row {display: grid; grid-template-columns: 1fr 309px; gap: 28px; align-items: start;}
.bottom-row p {margin-bottom: 0;}
.bottom-image {width: 309px; height: 236px; object-fit: cover; border-radius: 8px; display: block;}

.civic-banner{width:100%;min-height:900px;background:url('../images/civic-banner.jpg') center top no-repeat;background-size:cover;display:flex;flex-direction:column;position:relative;}
.civic-label {width: 430px;background:#AD2227;padding: 7px 48px 0px 48px;box-sizing: border-box;margin: 25px 0 0 0;position: relative;z-index: 2;}
.civic-label p {color:#fff;margin:0; font-size: clamp(16px, 5vw, 18px);line-height:1.2;}
.civic-banner article{max-width:1700px;width:100%;margin:70px auto 0 auto;padding: 0 45px 60px 45px;box-sizing:border-box;position:relative;z-index:2;}
.civic-banner article h4 {font-size: clamp(18px, 5vw, 22px);margin-top:28px; color:#D01F26; font-weight:500}
.civic-banner article ul {padding-left:15px; list-style:none;}
.civic-banner article ul li {position:relative;padding-left:5px;color:#fff;line-height:1.4;font-size:16px;margin-bottom:10px;}
.civic-banner article ul li span {color:#D01E25;}
.civic-banner article ul li em { font-style:normal; font-weight:600; font-size:18px;}
.civic-banner article ul li:before {content:''; position:absolute; top:7px; left:-15px; background:#D01E25; width:5px; height:5px; border-radius:100%;}

.civic-banner article p {color:#fff; line-height:1.4; margin-bottom:15px;}

.civic-grey-section{width:100%;background:#fff;padding:30px 0 80px 0;position:relative;overflow:hidden;}
.civic-grey-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:250px;background:linear-gradient(to bottom,rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 100%);pointer-events:none;}
.civic-grey-title{background:#AD2227;color:#fff;width: 365px;max-width:100%;padding: 8px 48px 0px 48px;box-sizing:border-box;font-weight:400;position:relative;z-index:3;font-size: clamp(16px, 5vw, 18px);}
.civic-grey-section article{max-width:1700px;width:100%;margin:0 auto;padding:0 45px;box-sizing:border-box;position:relative;z-index:2;}
.civic-grey-row{display:grid;grid-template-columns:1fr 360px;gap:60px;align-items:end;}
.civic-grey-date{font-size:16px;color: #731219; font-weight:600;}
.civic-grey-intro{font-size:14px;line-height:1.4;color:#333;margin:0 0 48px;}
.civic-stat-label{font-size:16px;color: #731219; font-weight:600;}
.civic-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 55px;margin-bottom:35px;}
.civic-stat{border-bottom:1px solid rgba(0,0,0,0.08);padding-bottom:34px;}
.civic-stat h3{font-size:22px;line-height:1.1;color: #D01E25;font-weight:600;margin:0 0 6px;}
.civic-stat p{font-size:13px;line-height:1.35;color:#8b8b8b;margin:0;}
.civic-grey-bottom{font-size:14px;line-height:1.35;color:#333;margin:0;}
.civic-grey-image{align-self:end;text-align:right;}
.civic-grey-image img{display:block;width:100%;height:auto;margin:0 0 -80px auto;}

.major-grey-section {width:100%; background:#EBECEC; padding:30px 0 80px 0; position:relative; overflow:hidden;}
.major-grey-title {background:#000; color:#fff; width:365px; max-width:100%; padding:8px 48px 0px 48px; box-sizing:border-box; font-weight:400; position:relative; z-index:3; font-size:clamp(16px, 5vw, 18px);}
.major-grey-section article {max-width:1700px; width:100%; margin:0 auto; padding:0 45px; box-sizing:border-box; position:relative; z-index:2;}
.accountability-main-title {text-align:center; margin:45px 0 35px 0; line-height:1;}
.accountability-main-title img {max-width:100%; width:auto; height:auto; display:block; margin:0 auto;}
.image-placeholder {width:100%; display:flex; align-items:center; justify-content:center; box-sizing:border-box; overflow:hidden;}
.accountability-inner {display:grid; grid-template-columns:695px minmax(0, 1fr); gap:70px; align-items:start;}
.accountability-left {width:100%;}
.accountability-right {min-width:0; overflow:hidden;}
.image-placeholder {width:100%;  display:flex; align-items:center; justify-content:center; color:#666; font-size:14px; text-transform:uppercase; letter-spacing:1px; box-sizing:border-box; overflow:hidden;}
.image-placeholder img {width:100%; height:100%; display:block; object-fit:cover;}
.large-placeholder {width:695px; max-width:100%; aspect-ratio:695 / 695; min-height:0;}
.accountability-feature {background:#fff; padding:18px 22px; border-radius:6px; box-shadow:5px 7px 10px rgba(0,0,0,0.22); margin-bottom:22px;}
.accountability-feature h3 {margin:0 0 8px; font-size:20px; color:#a33030; font-weight:600;}
.accountability-feature p:first-of-type {color:#00687E; font-size:18px}
.accountability-feature p {margin:0; font-size:12px; line-height:1.5; color:#555;}
.drag-note {display:flex; justify-content:center; align-items:center; gap:9px; color:#c62828; font-size:11px; margin-bottom:10px;}
.drag-arrow {font-size:21px; line-height:1;}
.accountability-slider-wrap {overflow:hidden; width:100%;}
.accountability-slider {display:flex; gap:18px; overflow-x:auto; scroll-behavior:smooth; cursor:grab; padding:0 0 8px; user-select:none; scrollbar-width:none;}
.accountability-slider::-webkit-scrollbar {display:none;}
.accountability-slider.dragging {cursor:grabbing; scroll-behavior:auto;}
.accountability-card {flex:0 0 calc((100% - 36px) / 2.5); background:#f7f7f7; border:1px solid #d8d8d8; border-radius:5px; padding:12px; box-sizing:border-box;}
.card-placeholder {height:auto; aspect-ratio:369 / 309; margin-bottom:13px; border-radius:3px;}
.accountability-card h4 {min-height:35px; margin:0 0 20px; font-size:12px; line-height:1.35; font-weight:400; color:#555;}
.accountability-card a {font-size:11px; color:#666; text-decoration:none; display:inline-flex; align-items:center; gap:7px; position:relative;}
.accountability-card a:after {content:""; width:9px; height:9px; display:inline-block; border-top:1px solid #666; border-right:1px solid #666; transform:rotate(45deg); margin-top:1px;}
.accountability-card a span {display:none;}

.funding-banner{width:100%;min-height:900px;background:url('../images/funding-banner.jpg') center top no-repeat;background-size:cover;display:flex;flex-direction:column;position:relative;}
.funding-label{width:450px;background:#AD2227;padding:7px 48px 0 48px;box-sizing:border-box;margin:25px 0 0 0;position:relative;z-index:2;}
.funding-label p{color:#fff;margin:0;font-size:clamp(16px,5vw,18px);line-height:1.2;}
.funding-banner article{max-width:1700px;width:100%;margin:70px auto 0 auto;padding:0 45px;box-sizing:border-box;position:relative;z-index:2;display:flex;justify-content:flex-start;}
.funding-info-block{max-width:590px;min-height:485px;border:1px solid rgba(255,255,255,0.45);border-radius:4px;padding:45px 32px 35px 32px;box-sizing:border-box;display:flex;align-items:flex-start;gap:35px;background:rgba(0,0,0,0.48);}
.funding-stats{width:205px;flex-shrink:0;}
.funding-stat{margin-bottom:38px;}
.funding-stat:last-child{margin-bottom:0;}
.funding-stat h3{color: #AD2227;font-size:28px;line-height:1;font-weight:400;margin:0 0 8px 0;}
.funding-stat p{color:#fff;font-size:14px;line-height:1.25;margin:0;opacity:0.85;}
.funding-copy{max-width:265px;}
.funding-copy p{color:#fff;font-size: 14px;line-height: 1.4;font-weight: 500;margin:0 0 30px 0;}
.funding-logo{max-width:190px;width:100%;height:auto;display:block;}

.download-section {width:100%; background:#fff; padding:30px 0 80px 0; position:relative; overflow:visible;}
.download-section-title {background:#AD2227; color:#fff; width:465px; max-width:100%; padding:8px 48px 0px 48px; box-sizing:border-box; font-weight:400; position:relative; z-index:3; font-size:clamp(16px, 5vw, 18px);}
.download-section article {max-width:1700px; width:100%; margin:0 auto; padding:0 45px; box-sizing:border-box; position:relative; z-index:2;}
.download-layout {display:grid; grid-template-columns:220px 1fr; gap:55px; padding-top:150px; position:relative;}
.download-sidebar h3 {color:#D01F26; font-size:14px; font-weight:400; margin:0 0 28px 0; display:flex; justify-content:space-between; align-items:center; line-height:1;}
.download-sidebar h3 span {display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px; font-size:22px; line-height:14px; font-weight:300; color:#D01F26; margin-top:-1px;}
.download-sidebar ul {list-style:none; padding:0; margin:0 0 14px 0;}
.download-sidebar li {margin-bottom:18px;}
.download-sidebar a {text-decoration:none; color:#bcbec0; font-size:14px; line-height:1.2;}
.full-report-btn {display:inline-block; background:#d71920; color:#fff !important; padding:13px 24px; border-radius:3px; font-size:12px !important; font-weight:700; line-height:1;}
.download-content {position:relative; padding-top:40px;}
.report-cover {position:absolute; right:20px; top:-105px; width:140px !important; height:auto !important; max-width:none; object-fit:contain; transform:rotate(-18deg); filter:drop-shadow(0 10px 14px rgba(0,0,0,0.18)); z-index:5;}
.downloads-table {width:100%;}
.downloads-row {display:grid; grid-template-columns:55px 1fr 80px 145px; align-items:center; border-bottom:1px solid #f0f0f0; min-height:48px; column-gap:20px; font-size:14px; color:#000;}
.downloads-header {min-height:30px; color:#000; font-size:14px;}
.downloads-header span {font-size:13px; display:inline-block; transform:translateY(-1px);}
.pdf-icon {width:24px; height:auto; display:block;}
.download-report-btn {display:inline-flex; align-items:center; justify-content:center; width:112px; height:30px; background:#d71920; color:#fff; border-radius:3px; text-decoration:none; font-size:12px; font-weight:700; line-height:1;}
.downloads-row:not(.downloads-header) {transition:background 0.3s ease;}
.downloads-row:not(.downloads-header):hover {background:#fafafa;}

.outa-footer{width:100%;background:#000;padding:18px 20px;box-sizing:border-box;}
.outa-footer article{max-width:1700px;width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;}
.outa-footer img{max-width:120px;width:100%;height:auto;display:block;}