/* SEE project process */
.process-hero{background:radial-gradient(ellipse at 76% 35%,#234d62,#0F2439 64%);color:white;padding:95px 0 105px}.process-head{display:grid;grid-template-columns:1.4fr .67fr;gap:70px;align-items:center}.process-hero h1{font:900 clamp(2.6rem,5vw,5rem)/1.08 Montserrat,sans-serif;letter-spacing:-.065em}.process-hero h1 span{color:var(--gold)}.process-hero p{color:#d4e3eb;max-width:680px;font-size:1.14rem}.process-summary{background:#f3f6f7;transform:rotate(2deg);padding:26px 26px 30px;min-height:330px;color:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:14px 17px 0 #ffffff12}.process-summary-top{align-self:stretch;display:flex;justify-content:space-between;border-bottom:1px solid #b1c1ca;font:800 .64rem Montserrat;letter-spacing:.08em;padding-bottom:13px}.play-symbol{width:82px;height:82px;border-radius:50%;background:var(--teal);color:#fff;font-size:2.4rem;display:grid;place-items:center;padding-left:7px;margin:28px 0 15px}.process-summary strong{font:900 1.65rem Montserrat}.process-summary>span{font:800 .65rem/1.7 Montserrat;letter-spacing:.03em;margin-top:10px}.process-summary p{font-size:.85rem;color:var(--muted);margin-top:18px}.process-ribbon{background:var(--gold);padding:21px 0}.ribbon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ribbon-grid>div{display:flex;flex-direction:column;border-left:3px solid var(--navy);padding-left:19px}.ribbon-grid span{font:900 .75rem Montserrat;letter-spacing:.12em}.ribbon-grid strong{font-size:1rem;margin-top:3px}.ribbon-grid small{font-size:.76rem}.process-intro{padding:85px 0 55px}.intro-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:85px}.intro-grid p{font-size:1.06rem}.process-roadmap{padding:70px 0 100px;background:var(--light)}.process-roadmap-header{display:flex;justify-content:space-between;align-items:end;gap:40px}.process-roadmap-header p{max-width:320px;color:var(--muted)}.process-shell{display:grid;grid-template-columns:255px minmax(0,1fr);gap:25px;align-items:start}.step-nav{position:sticky;top:104px;background:var(--navy);color:white;padding:19px 13px}.step-nav-title{color:var(--gold);font:800 .67rem Montserrat;letter-spacing:.12em;padding:7px 10px 15px}.step-nav-link{display:flex;align-items:center;gap:13px;padding:12px 9px;border-top:1px solid #ffffff27;font:700 .76rem/1.4 Montserrat}.step-nav-link:hover,.step-nav-link:focus-visible{background:#2a5264;color:var(--gold)}.step-nav-link span{font:900 .89rem Montserrat;color:var(--gold)}.step-nav-foot{padding:17px 9px 4px;color:#c1d7e1;font-size:.75rem}.phase-list{display:grid;gap:18px}.phase{background:white;border:1px solid var(--line);scroll-margin-top:105px}.phase-top{display:grid;grid-template-columns:115px minmax(0,1fr);gap:22px;padding:33px 32px 23px}.phase-index{font:900 2.8rem Montserrat;color:var(--teal);line-height:1}.phase-index span{display:block;font-size:.7rem;margin-top:10px;color:var(--muted)}.phase-period{font:900 .66rem Montserrat;color:var(--teal);letter-spacing:.17em}.phase h3{font-size:clamp(1.25rem,2vw,1.7rem);margin:7px 0 2px}.phase-strap{font-weight:800;color:var(--navy)}.phase-body>p:last-child{color:var(--muted);margin-bottom:0}.phase-bottom{background:#f1f5f6;border-top:1px solid #dde6e8;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:26px 32px}.phase-bottom h4{font:900 .69rem Montserrat;letter-spacing:.08em;color:var(--navy);margin:0 0 12px;text-transform:uppercase}.phase-bottom ul{margin:0;padding-left:18px;font-size:.86rem}.phase-bottom li{margin-bottom:9px}.role-list{color:#405967}.phase-output{border-left:3px solid var(--gold);padding-left:12px;font-weight:800;font-size:.88rem}.storyboard{background:var(--navy);color:#fff;padding:100px 0}.story-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:40px 0}.story-block{padding:24px 18px;border-top:5px solid var(--gold);background:#1a3c50;min-height:253px}.story-block:nth-child(even){border-color:#6ca6a5}.story-block .time{font:900 .82rem Montserrat;color:var(--gold)}.story-block h3{font-size:1.03rem;margin:20px 0 9px;color:#fff}.story-block p{font-size:.85rem;color:#d7e5ec}.video-tips{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid #587081;padding-top:28px}.video-tips h3{color:var(--gold)}.video-tips p{color:#d7e5ec}.roles-section{padding:100px 0}.role-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.role-columns article{background:#f0f4f6;padding:30px;border-top:5px solid var(--teal);display:flex;flex-direction:column;gap:9px}.role-columns article:nth-child(2){border-color:#d47b2e}.role-columns article:nth-child(3){border-color:#70559b}.role-columns article>span{font:800 .7rem Montserrat;color:var(--teal)}.role-columns h3{margin:0}.role-columns p{color:var(--muted);flex:1}.role-columns strong{font-size:.84rem;color:var(--navy)}.role-columns small{color:var(--muted)}.roles-source{font-size:.78rem;color:var(--muted);margin-top:18px}.process-cta{background:#16374a;color:white;padding:85px 0}.process-cta h2{color:white}.process-cta small{display:block;margin-top:18px;color:#c9d8df}.process-home-link{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e0eaeb;padding:27px 30px;margin-top:26px;border-left:5px solid var(--teal)}.process-home-link strong{font:900 1.2rem Montserrat}.process-home-link p{margin:5px 0 0;color:var(--muted)}.process-home-link .btn{white-space:nowrap}.navlinks .current{color:var(--gold)}
@media(max-width:1080px){.story-line{grid-template-columns:repeat(3,minmax(0,1fr))}.process-head{gap:30px}.step-nav{position:static}.process-shell{grid-template-columns:220px minmax(0,1fr)}.phase-bottom{grid-template-columns:1fr}}
@media(max-width:800px){.process-head,.intro-grid,.process-shell{grid-template-columns:1fr}.process-summary{max-width:410px;transform:none}.step-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.step-nav-title,.step-nav-foot{grid-column:1/-1}.step-nav-link{font-size:.7rem}.role-columns{grid-template-columns:1fr}.story-line{grid-template-columns:repeat(2,minmax(0,1fr))}.process-home-link{flex-direction:column;align-items:flex-start}}
@media(max-width:550px){.process-hero{padding:65px 0}.process-ribbon{padding:18px 0}.ribbon-grid{grid-template-columns:1fr;gap:10px}.process-intro,.process-roadmap,.storyboard,.roles-section{padding:65px 0}.phase-top{grid-template-columns:1fr;gap:10px;padding:24px}.phase-bottom{padding:24px}.phase-index{font-size:1.9rem}.story-line,.video-tips{grid-template-columns:1fr}.story-block{min-height:auto}.process-roadmap-header{display:block}.process-home-link .btn{white-space:normal}}
