/* CASE DETAIL */
.case-detail{background:#f7f2e9;color:#0a0f13;}
.case-detail-hero{padding:28px 0 52px;}
.case-detail-breadcrumbs{margin-bottom:34px;display:flex;align-items:center;gap:9px;color:#918a81;font-size:11px;}
.case-detail-breadcrumbs a{color:#918a81;transition:color .2s ease;}
.case-detail-breadcrumbs a:hover{color:var(--gold);}
.case-detail-hero__grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:42px;align-items:start;}
.case-detail-label{margin-bottom:13px;color:#bc7c13;font-size:11px;font-weight:600;}
.case-detail-hero__content h1{margin:0;font-family:"Manrope",Arial,sans-serif;font-size:52px;font-weight:700;line-height:1.02;letter-spacing:-.04em;}
.case-detail-hero__content h1>span{display:block;}
.case-detail-title-accent{margin-top:2px;color:#c69135;}
.case-detail-service{width:max-content;margin-top:17px;padding:6px 12px;border:1px solid rgba(193,143,59,.45);border-radius:7px;color:#5f5a52;font-size:11px;background:rgba(255,255,255,.28);}
.case-detail-lead{max-width:315px;margin:27px 0 0;color:#30373d;font-size:13px;line-height:1.8;}
.case-detail-facts{margin-top:29px;display:grid;gap:15px;}
.case-detail-fact{display:grid;grid-template-columns:24px minmax(0,1fr);gap:11px;align-items:start;}
.case-detail-fact__icon{width:20px;height:20px;margin-top:1px;fill:none;stroke:#ca9134;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.case-detail-fact div{display:grid;gap:2px;}
.case-detail-fact small{color:#8b847b;font-size:10px;line-height:1.3;}
.case-detail-fact strong{color:#1d2328;font-size:12px;font-weight:500;line-height:1.45;}
.case-detail-site-btn{width:168px;height:45px;margin-top:28px;padding:0 14px;border:1px solid rgba(191,137,47,.65);border-radius:8px;display:flex;align-items:center;justify-content:space-between;color:#9c6916;background:transparent;font-size:11px;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease;}
.case-detail-site-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.case-detail-site-btn:hover{color:#111;background:#d6aa59;transform:translateY(-1px);}
.case-detail-hero__visual{min-height:490px;padding:31px 36px 27px;border:1px solid rgba(45,38,28,.09);border-radius:14px;background:rgba(255,255,255,.6);box-shadow:0 18px 44px rgba(58,48,31,.055);}
.case-detail-hero__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;}
.case-detail-hero-metric{min-height:87px;padding:0 27px;border-right:1px solid rgba(38,31,23,.08);display:flex;flex-direction:column;justify-content:center;}
.case-detail-hero-metric:first-child{padding-left:0;}
.case-detail-hero-metric:last-child{padding-right:0;border-right:0;}
.case-detail-hero-metric>span{color:#50565a;font-size:10px;}
.case-detail-hero-metric__value{margin-top:9px;display:flex;align-items:center;gap:10px;}
.case-detail-hero-metric__value strong{font-family:"Manrope",Arial,sans-serif;font-size:29px;font-weight:600;line-height:1;}
.case-detail-hero-metric__value strong:last-child{color:#be7c16;}
.case-detail-hero-metric__value i{font-style:normal;color:#15191d;font-size:23px;font-weight:400;}
.case-detail-hero-metric small{margin-top:8px;color:#77736b;font-size:9px;}
.case-detail-hero-chart{position:relative;margin-top:24px;padding-top:22px;}
.case-detail-hero-chart svg{width:100%;height:300px;display:block;overflow:visible;}
.case-detail-chart-grid line{stroke:rgba(61,53,43,.12);stroke-width:1;stroke-dasharray:4 5;}
.case-detail-chart-grid text{fill:#69665f;font-size:10px;font-family:Arial,sans-serif;}
.case-detail-chart-area{stroke:none;}
.case-detail-chart-line{fill:none;stroke:#bd7a0d;stroke-width:2.2;vector-effect:non-scaling-stroke;}
.case-detail-chart-points circle{fill:#c18724;stroke:#fff;stroke-width:1.6;vector-effect:non-scaling-stroke;}
.case-detail-chart-labels{display:flex;justify-content:space-between;padding:5px 3px 0 39px;color:#6f6b64;font-size:9px;}
.case-detail-chart-callout{position:absolute;z-index:2;min-width:92px;padding:10px 12px;border:1px solid rgba(30,24,18,.08);border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(50,40,27,.08);}
.case-detail-chart-callout strong{display:block;font-family:"Manrope",Arial,sans-serif;font-size:20px;font-weight:700;line-height:1;}
.case-detail-chart-callout span{display:block;max-width:95px;margin-top:5px;color:#6f6b64;font-size:9px;line-height:1.35;}
.case-detail-chart-callout--start{left:7%;bottom:49px;}
.case-detail-chart-callout--end{right:1%;top:-3px;}
.case-detail-results{padding:37px 0 42px;background:#fbf8f2;}
.case-detail-results__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;}
.case-detail-result-card{min-height:132px;padding:20px;border:1px solid rgba(33,28,21,.09);border-radius:12px;background:#fffdf9;box-shadow:0 10px 28px rgba(50,42,29,.025);}
.case-detail-result-card>strong{display:block;color:#b77a17;font-family:"Manrope",Arial,sans-serif;font-size:28px;font-weight:600;}
.case-detail-result-card h3{margin:15px 0 0;font-size:12px;font-weight:500;}
.case-detail-result-card p{margin:7px 0 0;color:#7a756d;font-size:10px;line-height:1.55;}
.case-detail-chart-grid text{font-family:"Manrope",Arial,sans-serif!important;font-size:10px!important;font-weight:400!important;fill:#777168!important;stroke:none!important;stroke-width:0!important;}
@media(max-width:1150px){.case-detail-hero__grid{grid-template-columns:290px minmax(0,1fr);gap:30px;}.case-detail-hero__content h1{font-size:44px;}.case-detail-hero__visual{padding-left:25px;padding-right:25px;}.case-detail-hero-metric{padding:0 16px;}}
@media(max-width:960px){.case-detail-hero__grid{grid-template-columns:1fr;gap:35px;}.case-detail-hero__content{max-width:600px;}.case-detail-hero__visual{min-height:0;}.case-detail-results__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.case-detail-hero{padding:24px 0 38px;}.case-detail-breadcrumbs{margin-bottom:28px;overflow:auto;white-space:nowrap;}.case-detail-hero__content h1{font-size:38px;}.case-detail-lead{max-width:none;font-size:13px;}.case-detail-hero__visual{padding:20px 17px;}.case-detail-hero__metrics{grid-template-columns:1fr;}.case-detail-hero-metric{min-height:auto;padding:15px 0;border-right:0;border-bottom:1px solid rgba(30,27,23,.08);}.case-detail-hero-metric:last-child{border-bottom:0;}.case-detail-hero-chart{margin-top:14px;padding-top:22px;}.case-detail-hero-chart svg{height:220px;}.case-detail-chart-callout{display:none;}.case-detail-chart-labels{padding-left:20px;gap:8px;overflow-x:auto;}.case-detail-chart-labels span{flex:0 0 auto;}.case-detail-section-title{font-size:22px;}.case-detail-position-table{overflow-x:auto;}.case-detail-position-table__head,.case-detail-position-table__row{grid-template-columns:minmax(180px,1fr) 55px 55px 70px;min-width:430px;}.case-detail-results__grid{grid-template-columns:1fr;}}
@media(max-width:480px){.case-detail-hero__content h1{font-size:34px;}.case-detail-hero-metric__value strong{font-size:24px;}.case-detail-hero-chart svg{height:190px;}}


/* HERO CASE — FIXED */
.case-detail-breadcrumbs{margin-bottom:38px;font-size:13px;}
.case-detail-breadcrumbs a,.case-detail-breadcrumbs span{font-size:13px;}
.case-detail-hero__grid{grid-template-columns:410px minmax(0,1fr);gap:44px;}
.case-detail-label{font-size:12px;}
.case-detail-hero__content h1{font-size:56px;}
.case-detail-service{font-size:12px;padding:7px 13px;}
.case-detail-lead{max-width:385px;font-size:15px;line-height:1.8;}
.case-detail-facts{margin-top:31px;gap:17px;}
.case-detail-fact{grid-template-columns:26px minmax(0,1fr);gap:12px;}
.case-detail-fact__icon{width:22px;height:22px;}
.case-detail-fact small{font-size:11px;}
.case-detail-fact strong{font-size:13px;}
.case-detail-site-btn{width:174px;height:47px;font-size:12px;}
.case-detail-hero__visual{min-height:500px;padding:28px 34px 25px;}
.case-detail-hero-tabs{margin:13px 0 2px;display:flex;align-items:center;gap:8px;}
.case-detail-hero-tab{height:36px;padding:0 13px;border:1px solid rgba(30,26,20,.1);border-radius:7px;display:flex;align-items:center;gap:7px;color:#777168;background:#fffdf9;font-size:10px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease;}
.case-detail-hero-tab svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.case-detail-hero-tab.is-active{border-color:#c89135;color:#9c6916;background:#fffaf0;}
.case-detail-hero-pane{display:none;}
.case-detail-hero-pane.is-active{display:block;}
.case-detail-hero-chart{margin-top:9px;padding-top:16px;}
.case-detail-hero-chart svg{height:302px;}
.case-detail-chart-grid text{display:none;}
.case-detail-chart-labels{padding-left:38px;}
.case-detail-chart-callout--start{left:5.5%;bottom:47px;}
.case-detail-chart-callout--end{right:1.2%;top:-2px;}
.case-detail-hero-positions{margin-top:18px;border:1px solid rgba(30,26,20,.09);border-radius:10px;overflow:hidden;background:#fffdf9;}
.case-detail-hero-positions__head,.case-detail-hero-positions__row{display:grid;grid-template-columns:minmax(0,1fr) 70px 70px 80px;gap:12px;align-items:center;}
.case-detail-hero-positions__head{min-height:38px;padding:0 14px;color:#928b82;background:#faf6ef;font-size:10px;}
.case-detail-hero-positions__row{min-height:50px;padding:0 14px;border-top:1px solid rgba(30,26,20,.07);font-size:12px;}
.case-detail-hero-positions__row strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-detail-hero-positions__row>span{text-align:center;}
.case-detail-hero-positions__row .is-up{color:#c3841d;font-weight:600;}
@media(max-width:1150px){.case-detail-hero__grid{grid-template-columns:350px minmax(0,1fr);gap:30px;}.case-detail-hero__content h1{font-size:49px;}.case-detail-lead{font-size:14px;}}
@media(max-width:960px){.case-detail-hero__grid{grid-template-columns:1fr;}.case-detail-hero__content{max-width:650px;}}
@media(max-width:760px){.case-detail-breadcrumbs,.case-detail-breadcrumbs a,.case-detail-breadcrumbs span{font-size:12px;}.case-detail-hero__content h1{font-size:39px;}.case-detail-lead{font-size:14px;}.case-detail-hero-tabs{overflow-x:auto;}.case-detail-hero-tab{flex:0 0 auto;}.case-detail-hero-positions{overflow-x:auto;}.case-detail-hero-positions__head,.case-detail-hero-positions__row{min-width:520px;}}


/* HERO CASE — SCALE / FACTS / POSITIONS ALIGN */
.case-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:18px;}
.case-detail-fact{min-width:0;}
.case-detail-fact strong{overflow-wrap:anywhere;}
.case-detail-hero-positions__head>span:not(:first-child){text-align:center;}
.case-detail-chart-grid text{display:block;fill:#777168;font-family:"Manrope",Arial,sans-serif;font-size:9px;font-weight:500;}
.case-detail-hero-chart svg{overflow:visible;}
.case-detail-chart-labels{padding-left:39px;}

@media(max-width:1150px){
.case-detail-facts{grid-template-columns:1fr 1fr;column-gap:16px;}
}

@media(max-width:560px){
.case-detail-facts{grid-template-columns:1fr;}
}


/* ABOUT PROJECT */
.case-detail-about{padding:52px 0 58px;background:#fbf8f2;}
.case-detail-about__title{margin:0 0 34px;display:flex;align-items:center;gap:24px;font-family:"Manrope",Arial,sans-serif;color:#0a0f13;font-size:50px;font-weight:700;line-height:1.15;letter-spacing:-.03em;}
.case-detail-about__title>span{position:relative;width:150px;height:1px;background:linear-gradient(90deg,#d09a3d 0,#d09a3d 72%,rgba(208,154,61,.18) 72%,rgba(208,154,61,.18) 100%);}
.case-detail-about__title>span::after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;border-radius:50%;background:#c88e2e;transform:translate(50%,-50%);}
.case-detail-about__grid{display:grid;grid-template-columns:minmax(0,.67fr) minmax(0,1.13fr);gap:18px;align-items:stretch;}
.case-detail-about-card{padding:32px 34px;border:1px solid rgba(33,28,21,.09);border-radius:13px;background:#fff;box-shadow:0 12px 34px rgba(50,42,29,.035);}
.case-detail-about-card--task{display:flex;flex-direction:column;}
.case-detail-about-card__head{display:flex;align-items:center;gap:18px;}
.case-detail-about-card__icon{flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#d28f22;background:#fbf5ea;}
.case-detail-about-card__icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.case-detail-about-card__head>div{min-width:0;}
.case-detail-about-card__head h3{margin:0;font-family:"Manrope",Arial,sans-serif;color:#11161a;font-size:20px;font-weight:700;line-height:1.2;}
.case-detail-about-card__line{width:36px;height:1px;margin-top:18px;display:block;background:#d6a24b;}
.case-detail-about-card__text{margin-top:42px;color:#30373d;font-size:14px;line-height:2;}
.case-detail-about-review{margin-top:38px;padding-top:34px;border-top:1px solid rgba(31,27,21,.09);}
.case-detail-about-review--only{margin-top:0;padding-top:0;border-top:0;}
.case-detail-about-review__box{padding:27px 28px 30px;border-radius:15px;background:#faf6ef;}
.case-detail-about-review__label{margin-bottom:18px;color:#bf8120;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.045em;text-transform:uppercase;}
.case-detail-about-review__person{display:flex;align-items:center;gap:16px;}
.case-detail-about-review__person img{flex:0 0 58px;width:58px;height:58px;border-radius:50%;object-fit:cover;background:#111;}
.case-detail-about-review__person>div{display:grid;gap:5px;}
.case-detail-about-review__person strong{color:#171c20;font-size:15px;font-weight:700;line-height:1.35;}
.case-detail-about-review__person span{color:#777e84;font-size:13px;line-height:1.45;}
.case-detail-about-review__content{position:relative;margin-top:24px;padding-top:3px;}
.case-detail-about-review__quote{height:38px;color:#d5a14a;font-family:Georgia,serif;font-size:58px;line-height:.85;}
.case-detail-about-review blockquote{margin:8px 0 0;color:#343a3f;font-size:14px;line-height:1.95;}
.case-detail-about-actions{margin:30px 0 0;padding:0;list-style:none;}
.case-detail-about-actions li{min-height:48px;padding:10px 0;border-bottom:1px solid rgba(31,27,21,.075);display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:center;color:#343a3f;font-size:13px;line-height:1.5;}
.case-detail-about-actions li:last-child{border-bottom:0;}
.case-detail-about-actions li svg{width:18px;height:18px;fill:none;stroke:#d19025;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
@media(max-width:1050px){.case-detail-about__grid{grid-template-columns:1fr;}.case-detail-about-card--task{min-height:0;}.case-detail-about-review{margin-top:36px;}.case-detail-about__title{font-size:46px;}}
@media(max-width:760px){.case-detail-about{padding:40px 0 44px;}.case-detail-about__title{margin-bottom:26px;gap:16px;font-size:38px;}.case-detail-about__title>span{width:86px;}.case-detail-about-card{padding:26px 22px;}.case-detail-about-card__head h3{font-size:18px;}.case-detail-about-card__text{margin-top:30px;font-size:14px;line-height:1.8;}.case-detail-about-review{margin-top:30px;padding-top:28px;}.case-detail-about-review__box{padding:23px 20px 25px;}.case-detail-about-review__label{margin-bottom:16px;}.case-detail-about-review__person img{width:54px;height:54px;flex-basis:54px;}.case-detail-about-review blockquote{font-size:14px;line-height:1.8;}.case-detail-about-actions li{font-size:13px;}}
@media(max-width:480px){.case-detail-about__title{font-size:34px;}.case-detail-about-card__icon{width:44px;height:44px;}.case-detail-about-card__icon svg{width:25px;height:25px;}.case-detail-about-review__person{align-items:flex-start;}}