/* Project case studies share the cinematic public identity; project data and photos stay in the CMS. */
.site-view.project-detail-view {
  --site-base:#07131f;--site-surface:#142231;--site-text:#f5f7fb;
  --site-muted:#c4cfdb;--site-accent:#f4c27e;--site-on-accent:#102032;
  --text:#f5f7fb;--muted:#c4cfdb;--surface:#142231;--line:#bed8ee2e;
  position:relative;isolation:isolate;color:#f5f7fb;
  background:radial-gradient(ellipse 85% 650px at 0 10%,#c37a2b16,transparent 75%),
             radial-gradient(ellipse 85% 700px at 100% 42%,#4fafff1a,transparent 75%),
             radial-gradient(ellipse 80% 650px at 0 76%,#c37a2b12,transparent 75%),#07131f;
}
.site-view.project-detail-view::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url("engineering-wave.svg?v=2") center 180px / max(100%,1600px) auto repeat-y;
  opacity:.3;
}

.project-detail-view .catalog-detail-navigation {border-color:#bdd8ee36;padding-bottom:24px;margin-bottom:32px}
.project-detail-view .catalog-detail-navigation .text-link {min-height:44px;padding:10px 14px;border:1px solid #bdd8ee4d;border-radius:10px;color:#e5eef7;background:linear-gradient(135deg,#bed8ee1c,#bed8ee08);box-shadow:inset 0 1px #fff2;font-size:13px;line-height:1.6;white-space:normal}
.project-detail-view .catalog-detail-navigation .text-link:hover {border-color:#b6ddfa;background:#bdd8ee20}
.project-detail-view .catalog-detail-navigation .material-symbols-outlined {color:#f4cf9b;font-size:19px}
.project-detail-view .catalog-detail-navigation>.button {color:#e8f2fa;background:#bdd8ee12;border:1px solid #bdd8ee50;border-radius:9px;white-space:normal}
.project-detail-view .project-detail-heading {max-width:1000px}
.project-detail-view .project-detail-location {gap:12px;line-height:1.7}
.project-detail-view .project-detail-location .tag {padding:6px 12px;border:1px solid #f4c27e55;border-radius:99px;background:#e8ba8014;color:#f4d3a1;font-size:12px;line-height:1.6}
.project-detail-view .project-detail-location>span:last-child {color:#c2d6e7;font-size:13px;align-items:flex-start;line-height:1.7}
.project-detail-view .project-detail-location .material-symbols-outlined {color:#a9d8fd;font-size:19px;margin-top:2px}
.project-detail-view .catalog-detail h1 {color:#fff;font-size:clamp(34px,3.5vw,50px);line-height:1.15;margin:21px 0 23px;background:linear-gradient(105deg,#fff 18%,#fff 48%,#f3bd77 82%,#ffdca5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.project-detail-view .catalog-detail-description {color:#cbd8e4;font-size:16px;line-height:1.85;margin-bottom:28px}
.project-detail-view .project-detail-facts {padding:0;border:0;border-radius:0;background:transparent;gap:18px;margin:30px 0 38px}
.project-detail-view .project-detail-facts>div {min-width:0;padding:21px 19px;border:1px solid #e6c49365;border-radius:14px;background:linear-gradient(145deg,#33404ae8,#182836ed);box-shadow:inset 0 1px #fff2,0 12px 28px #0003;backdrop-filter:blur(12px)}
.project-detail-view .project-detail-facts>div:nth-child(even) {border-color:#a7d0ed65;background:linear-gradient(145deg,#2c4358e8,#142738ed)}
.project-detail-view .project-detail-facts dt {display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#cadce9;font-size:12px;line-height:1.6}
.project-detail-view .project-fact-icon {display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #f4c27e42;border-radius:9px;background:#e8ba8012;color:#f4cf9b;box-shadow:inset 0 1px #fff1}
.project-detail-view .project-fact-icon .material-symbols-outlined {font-size:22px}
.project-detail-view .project-detail-facts>div:nth-child(even) .project-fact-icon {border-color:#b3d8ee48;background:#a9d8ff12;color:#a9d8ff}
.project-detail-view .project-detail-facts dd {color:#f4d3a1;font-size:24px;line-height:1.45;letter-spacing:-.025em;margin-left:44px}
.project-detail-view .project-detail-facts>div:last-child dd {font-size:18px;color:#e2edf7;letter-spacing:0}
.project-detail-view .project-photo-section {margin-bottom:32px;scroll-margin-top:110px}
.project-detail-view .project-photo-heading {gap:20px;margin-bottom:18px}
.project-detail-view .project-photo-heading h2 {color:#fff;font-size:23px;line-height:1.4}
.project-detail-view .project-photo-tabs {gap:5px;padding:5px;border:1px solid #bed8ee45;border-radius:11px;background:linear-gradient(135deg,#253d50c9,#14293bd9);box-shadow:inset 0 1px #fff2;backdrop-filter:blur(12px)}
.project-detail-view .project-photo-tabs a {display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;color:#c9dbe9;border:1px solid transparent;border-radius:8px;font-size:12px;line-height:1.5;text-align:center}
.project-detail-view .project-photo-tabs a:hover {background:#bdd8ee16;color:#fff}
.project-detail-view .project-photo-tabs a[aria-current] {color:#102032;background:linear-gradient(125deg,#f3d19a,#d9aa67);border-color:#f4d7ad;box-shadow:inset 0 1px #fff5,0 3px 13px #e8ba8020;font-weight:700}
.project-detail-view .project-photo-viewer {border:1px solid #b2d7f080;border-radius:17px;background:#0b1c2b;box-shadow:inset 0 1px #fff2,0 20px 45px #0004,0 0 25px #69bcff12}
.project-detail-view .project-photo-viewer .catalog-media {height:auto;min-height:0;aspect-ratio:3/2;background:#0b1c2b}
.project-detail-view .project-photo-viewer .catalog-media>img {object-fit:cover;object-position:center;transform:none}
.project-detail-view .project-photo-viewer .home-image-placeholder,.project-detail-view .project-detail-gallery .home-image-placeholder {color:#f4c27e;background:radial-gradient(ellipse at 50% 40%,#2a455b,#122637 70%,#0c1b29)}
.project-detail-view .project-photo-viewer .home-image-placeholder>.material-symbols-outlined {font-size:70px}
.project-detail-view .project-photo-viewer .catalog-media.image-unavailable {height:260px;min-height:260px;aspect-ratio:auto}
.project-detail-view .project-photo-viewer figcaption {left:18px;bottom:18px;max-width:calc(100% - 36px);padding:10px 14px;border:1px solid #bed8ee66;border-radius:9px;color:#edf5fc;background:linear-gradient(135deg,#304555dc,#142738ed);box-shadow:inset 0 1px #fff2,0 8px 22px #0003;backdrop-filter:blur(14px);font-size:12px;line-height:1.6}
.project-detail-view .project-detail-gallery {gap:18px;margin-top:20px}
.project-detail-view .project-detail-gallery a {height:190px;min-height:190px;border:1px solid #b2d7f05c;border-radius:12px;background:#13283a;box-shadow:inset 0 1px #fff2,0 10px 25px #0002}
.project-detail-view .project-detail-gallery a:hover {border-color:#f4cf9b}
.project-detail-view .project-detail-gallery img {height:100%;object-fit:cover}
.project-detail-view .project-detail-gallery .home-image-placeholder .material-symbols-outlined {font-size:40px}
.project-detail-view .project-gallery-label {position:absolute;left:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid #bdd8ee55;border-radius:7px;color:#eaf4fb;background:#122638df;backdrop-filter:blur(10px);font-size:11px;line-height:1.6}
.project-detail-view .project-gallery-label .material-symbols-outlined {font-size:15px;color:#f4cf9b}
.project-detail-view .project-story {gap:26px;margin-bottom:26px}
.project-detail-view .project-story>section,.project-detail-view .project-results-grid>section {padding:28px;border:1px solid #e4c18e63;border-radius:17px;background:linear-gradient(145deg,#303e49e3,#152737ee);box-shadow:inset 0 1px #fff2,0 15px 35px #0003;backdrop-filter:blur(12px)}
.project-detail-view .project-story>section:nth-child(2),.project-detail-view .project-results-grid>.project-specs {border-color:#acd4ee65;background:linear-gradient(145deg,#2a4054e6,#14283bee)}
.project-detail-view .project-section-icon {display:grid;place-items:center;width:46px;height:46px;margin-bottom:19px;border:1px solid #f4c27e4d;border-radius:12px;color:#f4cf9b;background:linear-gradient(135deg,#f4c27e24,#f4c27e08);box-shadow:inset 0 1px #fff2}
.project-detail-view .project-section-icon .material-symbols-outlined {font-size:27px}
.project-detail-view .project-story>section:nth-child(2) .project-section-icon,.project-detail-view .project-specs .project-section-icon {color:#abd9fc;border-color:#abd9fc50;background:linear-gradient(135deg,#abd9fc24,#abd9fc08)}
.project-detail-view .project-story .eyebrow,.project-detail-view .project-results-grid .eyebrow {color:#f4cf9b;font-size:11px;letter-spacing:.07em;line-height:1.7}
.project-detail-view .project-story h2,.project-detail-view .project-results-grid h2 {color:#fff;font-size:24px;line-height:1.4;margin-bottom:17px}
.project-detail-view .project-story p {color:#cbd9e6;font-size:15px;line-height:1.9;overflow-wrap:anywhere}
.project-detail-view .project-results-grid {gap:26px;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
.project-detail-view .project-results-grid .catalog-detail-list {gap:14px}
.project-detail-view .catalog-detail-list li {padding:14px;border:1px solid #bdd8ee30;border-radius:10px;background:#0c1e2c55;color:#cddce9;font-size:14px;line-height:1.8;gap:9px;overflow-wrap:anywhere}
.project-detail-view .catalog-detail-list .material-symbols-outlined {font-size:19px;color:#abd9fc;margin-top:3px}
.project-detail-view .project-specs dl {gap:22px}
.project-detail-view .project-specs dl>div+div {border-top:1px solid #bdd8ee36;padding-top:20px}
.project-detail-view .project-specs dt {font-size:12px;color:#bcd0e1;line-height:1.7;margin-bottom:8px}
.project-detail-view .project-specs dd {font-size:14px;line-height:1.8;color:#e4edf6;overflow-wrap:anywhere}
.project-detail-view .catalog-detail-cta {padding:30px;border:1px solid #e8c38f73;border-radius:17px;background:radial-gradient(ellipse at 0 0,#d2984830,transparent 70%),linear-gradient(135deg,#32414cdc,#142637ef);box-shadow:inset 0 1px #fff3,0 18px 40px #0003;backdrop-filter:blur(12px)}
.project-detail-view .catalog-detail-cta h2 {font-size:25px;color:#fff;line-height:1.35}
.project-detail-view .catalog-detail-cta p {color:#c8d9e6;font-size:14px;line-height:1.8}
.project-detail-view .catalog-detail-actions {gap:12px;flex-wrap:wrap}
.project-detail-view .catalog-detail-actions .button {min-height:47px;padding:12px 16px;border:1px solid #ffb879;border-radius:10px;color:#fff;background:linear-gradient(110deg,#ca471d,#a54c12);box-shadow:inset 0 1px #fff3,0 5px 20px #ff782020;font-size:13px;font-weight:650;gap:9px;line-height:1.5;white-space:normal}
.project-detail-view .catalog-detail-actions .button:hover {background:linear-gradient(110deg,#b43c16,#8e3e0c)}
.project-detail-view .catalog-detail-actions .button.secondary {border-color:#b9d5ea66;color:#eef5fc;background:linear-gradient(135deg,#c0d8ee1c,#c0d8ee08);box-shadow:inset 0 1px #fff2}
.project-detail-view .catalog-detail-actions .button.secondary:hover {background:#c0d8ee20}
.project-detail-view .main-content a:focus-visible {outline:3px solid #a8d6ff;outline-offset:4px;border-radius:7px}
@media(max-width:1100px) {.project-detail-view .project-detail-facts {gap:14px}.project-detail-view .project-detail-facts>div {padding:19px 16px}.project-detail-view .project-detail-facts dd {margin-left:0}.project-detail-view .catalog-detail-cta .actions {flex-shrink:1}}
@media(max-width:1000px) {.project-detail-view .project-results-grid {grid-template-columns:1fr}.project-detail-view .project-detail-gallery a {height:160px;min-height:160px}}
@media(max-width:700px) {
  .project-detail-view .catalog-detail-navigation {margin-bottom:27px}
  .project-detail-view .catalog-detail h1 {font-size:34px;line-height:1.15;margin:20px 0}
  .project-detail-view .catalog-detail-description {font-size:15px;line-height:1.85}
  .project-detail-view .project-detail-facts {grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 32px}
  .project-detail-view .project-detail-facts>div {padding:19px 15px}
  .project-detail-view .project-detail-facts dt {align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:10px}
  .project-detail-view .project-detail-facts dd {font-size:23px;margin-left:0}
  .project-detail-view .project-detail-facts>div:last-child dd {font-size:16px}
  .project-detail-view .project-photo-heading h2 {font-size:22px}
  .project-detail-view .project-photo-tabs {width:100%}
  .project-detail-view .project-photo-tabs a {flex:1;font-size:12px;padding:9px 10px;min-width:0}
  .project-detail-view .project-photo-viewer .catalog-media.image-unavailable {height:230px;min-height:230px}
  .project-detail-view .project-photo-viewer figcaption {left:12px;bottom:12px;max-width:calc(100% - 24px);font-size:11px;padding:8px 11px}
  .project-detail-view .project-detail-gallery {gap:12px;margin-top:14px}
  .project-detail-view .project-detail-gallery a {height:135px;min-height:135px}
  .project-detail-view .project-story {gap:22px;margin-bottom:22px}
  .project-detail-view .project-story>section,.project-detail-view .project-results-grid>section {padding:25px 21px}
  .project-detail-view .project-story h2,.project-detail-view .project-results-grid h2 {font-size:23px}
  .project-detail-view .project-results-grid {gap:22px}
  .project-detail-view .project-results-grid .catalog-detail-list {grid-template-columns:1fr}
  .project-detail-view .catalog-detail-cta {padding:27px 22px}
  .project-detail-view .catalog-detail-cta h2 {font-size:24px}
  .project-detail-view .catalog-detail-actions {width:100%;gap:12px}
  .site-view.project-detail-view::before {background-size:max(100%,1000px) auto;opacity:.22}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {.project-detail-view .project-detail-gallery a:hover img {transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce) {.project-detail-view .catalog-media>img {transition:none}.project-detail-view .project-detail-gallery a:hover img {transform:none}}
@media(forced-colors:active) {
  .site-view.project-detail-view {background:Canvas;color:CanvasText}
  .site-view.project-detail-view::before {display:none}
  .project-detail-view .catalog-detail h1 {background:none;-webkit-text-fill-color:CanvasText}
  .project-detail-view .project-detail-facts>div,.project-detail-view .project-photo-viewer,.project-detail-view .project-story>section,.project-detail-view .project-results-grid>section,.project-detail-view .catalog-detail-cta {background:Canvas;color:CanvasText;border-color:CanvasText}
  .project-detail-view .project-photo-tabs a[aria-current] {background:Highlight;color:HighlightText;border-color:Highlight}
}

/* Allow configured headings, labels and calls to action to wrap. */
.project-detail #estudo-de-caso,.project-detail #proposta {scroll-margin-top:110px}
.project-detail .project-detail-facts,.project-detail .project-photo-heading,.project-detail .project-story,.project-detail .project-results-grid,.project-detail .catalog-detail-cta {overflow-wrap:anywhere}