
/* Color-only art direction. Original geometry and text typography retained. */
:root{--bg:#E5E9E7;--ink:#29383B;--muted:#53686C;--line:#A9B8BA;--surface:#D7DFDE;--media:#C9D3D3;--accent:#A11D21}
h2,.headline,.intro-statement,.hero-head .section-subtitle{color:var(--accent)}
.chapter-divided::before{background:#a11d2140}
.text-link,.download-button,.gateway-link,.disclosure-toggle,.tabs button[aria-selected=true]{background:var(--accent);color:var(--bg)}
.text-link:hover,.download-button:hover,.gateway-link:hover,.disclosure-toggle:hover{background:#87191d}
.journey-context .disclosure-toggle{background:none;color:var(--accent)}
.journey-context .disclosure-toggle:hover{background:none}
.gateway-dot{background:var(--bg)}
.nav-dot,.progress-track span,.nav-links a[aria-current]::before{background:var(--accent)}
.nav-shell{background:#E5E9E7dd}
.nav-home,.nav-current,#chapter-index,#chapter-toggle{background:#E5E9E7f2}
.nav-links a:hover,.nav-links a[aria-current]{background:#A9B8BA55}
.menu-bars i{background:var(--ink)}
.placeholder,.format-frame svg,.modal-visual{color:#81979B}
.placeholder:hover{background:#BCCACB}
.asset-label{color:#53686C}
.zoom{background:#E5E9E7dc;color:var(--ink)}
.review-bar{background:#D7DFDEed}
.review-bar button:hover,.review-bar button[aria-pressed=true]{background:#A9B8BA88}
.route-map-visual .asset-label strong{background:#E5E9E7dd}
.route-copy a{text-decoration-color:var(--accent)}

@font-face{font-family:Geist;src:url('assets/Geist-Medium.woff2?v=2b9e0f6b4e90') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Geist;src:url('assets/Geist-SemiBold.woff2?v=d57480d1ab62') format('woff2');font-weight:600;font-style:normal;font-display:swap}
body,body *{font-family:Geist,Arial,sans-serif!important;font-weight:500!important}
strong,b,.disclosure-toggle,.disclosure-toggle *{font-weight:600!important}
.disclosure-toggle{background:var(--surface);color:var(--ink)}
.disclosure-toggle:hover{background:#C4D0D1;color:var(--ink)}
.journey-context .disclosure-toggle{background:none;color:var(--accent)}
.journey-context .disclosure-toggle:hover{background:none;color:var(--accent)}
@media(min-width:901px){.chapter-bookend{--surface:#CCD6D5;--line:#A9B8BA;--media:#BDCBCD;background:#D9E1DF}}
.hero-head .intro-line:nth-child(2){width:100%}
.hero-head h1{position:relative;display:block;margin:0 auto;padding:0;color:transparent;font-size:0;line-height:0;width:min(100%,1100px);height:auto;aspect-ratio:3.0186781609195403}
.hero-head h1::after{content:'';position:absolute;inset:0;background:var(--accent);pointer-events:none}

/* Refinement: lighter facts, compact body leading, red disclosure text. */
@font-face{font-family:Geist;src:url('assets/Geist-Regular.woff2?v=aa4fc317ea99') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.facts strong,.facts strong *,.route-stats strong,.route-stats strong *{font-weight:400!important}
.copy:not(.partnership-note){line-height:1.3}
.disclosure-toggle,.disclosure-toggle:hover{color:var(--accent)}
.hero-head h1{width:min(100%,var(--lettering-width,880px))}

/* Translucent outside surface, smaller opaque label surfaces. */
.nav-shell{background:rgb(229 233 231 / 42%);border-color:rgb(169 184 186 / 45%);padding:6px;gap:4px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.nav-home,.nav-current,#chapter-toggle{background:#E5E9E7;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:6px}
.nav-home{padding:8px 12px}
.nav-current{padding:8px 10px}
#chapter-toggle{width:34px;min-width:34px}
#chapter-index{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:6px}
.nav-links{gap:4px}
.nav-links a{padding:8px 10px;border-radius:6px;background:transparent}
.nav-links a:hover,.nav-links a[aria-current]{background:#E5E9E7}

/* v13: continuous core chapter surface and return to mist at the closing. */
@media screen{
 .core-chapter{--surface:#CCD6D5;--line:#A9B8BA;--media:#BDCBCD;background:#D9E1DF}
 #lets-talk{--surface:#D7DFDE;--line:#A9B8BA;--media:#C9D3D3;background:var(--bg)}
}

/* Continuous white-only atmosphere starts exactly at the metadata strip. */
main{position:relative;isolation:isolate}
main>.chapter{z-index:1}
.art-atmosphere{position:absolute;left:0;right:0;top:var(--art-start,2600px);bottom:0;z-index:0;pointer-events:none;background-color:#D9E1DF;background-image:radial-gradient(ellipse at 90% 0%,rgb(255 255 255 / .42),rgb(255 255 255 / .08) 55%,transparent 85%),linear-gradient(145deg,rgb(255 255 255 / .06),rgb(255 255 255 / .2) 48%,rgb(255 255 255 / .08));}
.art-atmosphere::after{content:'';position:absolute;inset:0;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22256%22%20height%3D%22256%22%3E%3Cfilter%20id%3D%22n%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.84%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%20seed%3D%2218%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%20.22%200%200%200%200%22/%3E%3C/filter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23n%29%22/%3E%3C/svg%3E');background-repeat:repeat;mask-image:linear-gradient(135deg,rgba(0,0,0,.3),#000 45%,rgba(0,0,0,.4));}
@media screen{.core-chapter,#lets-talk{background:transparent}}

/* A viewport-scaled gradient, rather than one stretched across the entire document. */
.art-atmosphere{background-color:#D9E1DF;background-image:radial-gradient(ellipse at 95% 50%,rgb(255 255 255 / .76) 0%,rgb(255 255 255 / .38) 36%,rgb(255 255 255 / .04) 66%,transparent 76%);background-size:100% 1800px;background-repeat:repeat-y}
.art-atmosphere::after{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22256%22%20height%3D%22256%22%3E%3Cfilter%20id%3D%22n%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.62%22%20numOctaves%3D%221%22%20stitchTiles%3D%22stitch%22%20seed%3D%2218%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%202%200%200%200%20-.75%22/%3E%3C/filter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23n%29%22/%3E%3C/svg%3E');background-size:256px 256px;mask-image:radial-gradient(ellipse at 15% 50%,#000,rgba(0,0,0,.7) 48%,rgba(0,0,0,.25) 75%);mask-size:100% 1800px;mask-repeat:repeat-y}
.hero-head .section-subtitle{font-size:clamp(30.78px,3.6765vw,54.72px)}
.hero-head .intro-line{translate:0 -5svh}
.hero-head .intro-line:nth-child(2){padding-bottom:0}
.hero-head .intro-line:nth-child(3){margin-top:0;padding-top:0}
@media(max-width:900px){.hero-head .section-subtitle{font-size:30.78px}}

/* Exact section boundaries from v13; sampled reference color RGB 189,201,201. */
.art-atmosphere{top:var(--art-start);bottom:auto;height:var(--art-height);background-color:#BDC9C9;background-image:radial-gradient(ellipse at 95% 50%,rgb(255 255 255 / .38) 0%,rgb(255 255 255 / .16) 36%,rgb(255 255 255 / .02) 66%,transparent 76%)}
.art-atmosphere::after{opacity:.55}
@media screen{#lets-talk{background:var(--bg)}}

/* Bounds sampled from the two grain references: modal RGB 190/201/200 and 217/224/222. */
.art-atmosphere{background-color:#BEC9C8;background-image:radial-gradient(ellipse 80% 23% at 4% 114%,#D9E0DE 0%,rgb(217 224 222 / .96) 22%,rgb(217 224 222 / .44) 56%,transparent 100%),radial-gradient(ellipse 68% 16% at 28% -15%,#D9E0DE 0%,rgb(217 224 222 / .92) 18%,rgb(217 224 222 / .28) 65%,transparent 100%),radial-gradient(ellipse 80% 23% at 4% 14%,#D9E0DE 0%,rgb(217 224 222 / .96) 22%,rgb(217 224 222 / .44) 56%,transparent 100%),radial-gradient(ellipse 75% 23% at 100% 51%,#D9E0DE 0%,rgb(217 224 222 / .96) 20%,rgb(217 224 222 / .38) 58%,transparent 100%),radial-gradient(ellipse 68% 16% at 28% 85%,#D9E0DE 0%,rgb(217 224 222 / .92) 18%,rgb(217 224 222 / .28) 65%,transparent 100%);background-size:100% 3200px;background-repeat:repeat-y}
.art-atmosphere::after{opacity:.55;mask-image:none}
:root,.core-chapter,#lets-talk{--media:#AABABC}
.placeholder:hover{background:#A3B4B7}

/* Fine outline matching the floating navigation, without changing dimensions. */
.disclosure-toggle{box-shadow:inset 0 0 0 1px rgb(169 184 186 / 45%)}

/* Route data and disclosure share a single outer outline. */
.journey-context{box-shadow:inset 0 0 0 1px rgb(169 184 186 / 45%)}
.journey-context .disclosure-toggle{box-shadow:none}

/* Film / Stills / Social: fine red inset outline, matching the 1 px control system. */
.tabs button{box-shadow:inset 0 0 0 1px var(--accent)}

/* Partner headline: two balanced lines on desktop. */
@media(min-width:901px){#title-7{font-size:clamp(36px,4.23vw,75.6px)}#title-7>span{display:block;white-space:nowrap}}

/* Smaller organic light fields; static gradient remains the no-canvas fallback. */
.art-atmosphere{background-size:100% 1200px}
.atmosphere-water{position:sticky;top:0;display:block;width:100%;pointer-events:none}
@media print{.atmosphere-water{display:none}}

/* Contact underlines and intro credit alignment. */
.contact-people a,.contact-people a:hover{border-bottom-color:var(--accent)}
@media(min-width:901px){.opening-intro>.intro-credit{grid-column:10/-1}}

/* Let the broader animated fields accompany the final dotted track; contact returns to mist. */
@media screen{#lets-talk{background:linear-gradient(to bottom,transparent 0 var(--chapter-lead),var(--bg) var(--chapter-lead) 100%)}}

/* Footer control follows the outlined format tabs; selected media grids use the 8px radius. */
footer>a.text-link,footer>a.text-link:hover{background:none;color:var(--accent);box-shadow:none;border:0;border-radius:0;padding:0;transform:none}
#the-mountains .four-grid .placeholder,#the-story-unfolds .campaign-grid .placeholder{border-radius:var(--radius);overflow:hidden}

/* Lazy 3D route viewer, within the existing disclosure and control system. */
.route-viewer{margin-top:var(--space);width:100%;height:clamp(440px,68svh,760px);border-radius:var(--radius);overflow:hidden;background:var(--media)}
.route-viewer iframe{display:block;width:100%;height:100%;border:0}
@media print{.route-viewer{display:none}}

/* Even disclosure spacing and a complete frame around the map. */
.journey-context .disclosure-toggle{padding-top:18.2px;padding-bottom:18.2px}
.journey-context .route-viewer{margin-top:0;margin-bottom:28px}
/* The texture ends at the grid boundary; content begins one section-space later. */
#lets-talk>.closing-grid{padding-top:var(--section)}
::selection{background:#FBFB9D;color:var(--ink)}

/* Deliverables: two framed groups with shared rows and one type hierarchy. */
.deliverables-group+.deliverables-group{margin-top:calc(var(--space)*1.5)}
.deliverable-label,.deliverable-metrics dt,.deliverable-rights,.deliverable-format,.deliverables-note{font:400 var(--meta)/1.5 Geist,Arial,sans-serif;letter-spacing:.035em}
.deliverable-label,.deliverable-metrics dt{text-transform:uppercase;color:var(--muted)}
.deliverables-category{font-size:var(--subtitle);line-height:1.2;letter-spacing:-.025em;text-transform:uppercase;color:var(--ink);margin:0 0 var(--space)}
.deliverables-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap) 0;border:1px solid rgb(161 29 33 / 35%);border-radius:var(--radius);background:rgb(229 233 231 / 42%);overflow:hidden}
.deliverable-card{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:var(--gap);padding:24px;border:0;border-left:1px solid rgb(169 184 186 / 65%);min-width:0}
.deliverable-card:first-child{border-left:0}
.deliverable-card>h3{font-size:var(--subtitle);line-height:1.2;letter-spacing:-.025em;color:var(--ink)}
.deliverable-description{line-height:1.3;min-height:0}
.deliverable-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);margin:0}
.deliverable-metrics>div{display:flex;flex-direction:column}
.deliverable-metrics dd{order:-1;font-size:var(--subtitle);line-height:1.2;letter-spacing:-.025em;margin:0 0 5px;color:var(--accent)}
.deliverable-metrics dt{margin:0}
.deliverable-label{margin-bottom:12px}
.deliverable-set+.deliverable-set{margin-top:22px;padding-top:18px;border:0}
.deliverable-rights{color:var(--muted);margin-top:auto}
.deliverable-format{margin-top:12px;color:var(--muted)}
.deliverable-format.deliverable-cover{margin-top:4px}
.optional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.optional-card{grid-row:span 3}
.optional-card .deliverable-content{max-width:450px}
.deliverable-services{list-style:none;margin:0;padding:0;font-size:var(--body);line-height:1.3}
.deliverable-services li{padding:10px 0;border-bottom:1px solid var(--line)}
.deliverable-services li:first-child{padding-top:0}
.deliverables-note{color:var(--muted);margin-top:var(--space);padding-top:var(--gap);border-top:1px solid var(--line);max-width:none}
@media(max-width:900px){.deliverables-grid{grid-template-columns:1fr;gap:0}.deliverable-card{display:flex;flex-direction:column;gap:var(--gap);grid-row:auto;padding:20px;border-left:0;border-top:1px solid rgb(169 184 186 / 65%)}.deliverable-card:first-child{border-top:0}.deliverable-card>h3 br{display:none}.deliverable-content{max-width:550px}.deliverables-group+.deliverables-group{margin-top:var(--section)}}
@media print{.deliverables-grid{display:block}.deliverable-card{display:block;break-inside:avoid;border-left:0;border-top:1px solid var(--line)}.deliverable-card>*+*{margin-top:16px}.deliverables-group{opacity:1!important;transform:none!important}}
