/* Project 17 / 2026 vision deck-inspired, artist-first styling. */
body[data-page="project17.html"]{--p17-blue:#4db8ff;--p17-red:#f44257;--p17-navy:#070c16}
.p17-vision-hero{background:radial-gradient(ellipse at 78% 10%,#193653 0%,#090d17 48%,#06080d 100%);padding:clamp(52px,7vw,115px) 6vw clamp(65px,7vw,125px);border-bottom:1px solid rgba(80,181,245,.25);overflow:hidden}
.p17-vision-inner{max-width:1520px;margin:auto;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(30px,6vw,100px);align-items:center}
.p17-art{width:100%;margin:0;padding:clamp(10px,1.6vw,22px);background:#0c1220;border:1px solid rgba(111,185,238,.22);box-shadow:0 30px 95px rgba(0,0,0,.45)}
.p17-art img{width:100%;aspect-ratio:1/1;object-fit:contain;height:auto}
.p17-art figcaption{font:700 10px var(--mono);letter-spacing:.1em;color:#b6c2d4;padding:14px 0 0}
.p17-intro .eyebrow{color:#75caff}
.p17-intro h1{font-family:var(--headline);font-size:clamp(65px,7.4vw,128px);line-height:.9;letter-spacing:-.045em;white-space:nowrap;margin-bottom:34px}
.p17-intro h1 span{color:var(--p17-red)}
.p17-lede{font:700 clamp(20px,2.55vw,34px)/1.26 var(--mono);letter-spacing:.07em;margin:0 0 22px;color:#fff}
.p17-lede em{font-style:normal;color:#72caff}
.p17-hero-summary{font:500 clamp(16px,1.6vw,23px)/1.48 var(--body);color:#d9e2ee;max-width:680px}
.p17-intro .micro{max-width:500px;color:#aeb8c8}
.p17-culture{background:#080b12;padding-block:clamp(74px,10vw,165px)}
.p17-prehead{font:700 11px var(--mono);color:#70c9ff;letter-spacing:.16em;margin-bottom:26px}
.p17-culture h2{font-size:clamp(72px,11vw,175px);line-height:.99;max-width:1300px}
.p17-culture h2 em{font-style:normal;color:#65c4ff}
.p17-culture>p{font:700 clamp(19px,3vw,40px) var(--mono);letter-spacing:.1em;color:#fff;margin:20px 0 35px}
.p17-culture-body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,5vw,90px);max-width:1200px;color:#c6d0df;font-size:clamp(16px,1.6vw,21px)}
.p17-music{background:radial-gradient(ellipse at top right,#17304e,#070b12 65%);padding-block:clamp(75px,8vw,135px)}
.p17-music-header{max-width:1040px}.p17-music-header .eyebrow{color:#69bfff}
.p17-music-header h2{font-size:clamp(76px,10vw,158px);line-height:.95}
.p17-music-header p:last-child{color:#d5deeb;max-width:830px;font-size:clamp(17px,2vw,24px)}
.p17-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:50px 0 18px}
.p17-tracks>div{background:rgba(9,17,31,.87);border-top:2px solid var(--p17-red);padding:28px;min-height:220px;display:flex;flex-direction:column}
.p17-tracks span{font:700 11px/1.5 var(--mono);color:#72c7ff;letter-spacing:.09em}
.p17-tracks strong{font:400 clamp(29px,3vw,48px)/1.08 var(--headline);margin:26px 0 15px}
.p17-tracks small{color:#b3becf;font:500 12px var(--mono);margin-top:auto}
.p17-four{background:#080c14;padding-block:clamp(80px,8vw,130px)}
.p17-four .eyebrow{color:#75c8ff}.p17-four .section-heading h2{font-size:clamp(72px,9vw,138px)}
.p17-four .section-heading>p:last-child{color:#becddd;max-width:860px}
.p17-engine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:35px}
.p17-engine-grid article{min-height:465px;display:flex;flex-direction:column;background:#101826;border:1px solid #23384d;padding:clamp(20px,2.6vw,38px)}
.p17-engine-grid article:nth-child(2){border-top:3px solid #6fc7ff}
.p17-engine-grid article:nth-child(1){border-top:3px solid #f24556}
.p17-engine-grid article:nth-child(3){border-top:3px solid #77cfef}
.p17-engine-grid article:nth-child(4){border-top:3px solid #e9b868}
.p17-engine-grid article>span{font:700 10px var(--mono);letter-spacing:.15em;color:#a9ddff}
.p17-engine-grid h3{font:400 clamp(38px,3.3vw,56px)/1.06 var(--headline);margin:35px 0 22px}
.p17-engine-grid p{color:#c7d5e3;font-size:15px;line-height:1.62}
.p17-engine-grid small{font:600 11px/1.6 var(--mono);color:#99a9ba;border-top:1px solid #2c465d;margin-top:auto;padding-top:17px}
.p17-ecosystem{background:#10151d;padding-block:clamp(68px,8vw,140px)}
.p17-ecosystem .eyebrow{color:#78cbff}.p17-ecosystem h2{font-size:clamp(72px,9vw,135px);line-height:.96}
.p17-ecosystem>p:not(.eyebrow):not(.micro){max-width:900px;color:#bfcedd;font-size:clamp(18px,2vw,24px)}
.p17-eight{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:37px 0}
.p17-eight span{background:#172333;border:1px solid #294462;padding:27px 13px;font:700 clamp(11px,1.5vw,18px)/1.3 var(--mono);letter-spacing:.03em;text-align:center;color:#eff7ff}
.p17-participate{padding:clamp(85px,10vw,145px) 6vw;background:radial-gradient(ellipse at 15% 20%,#273848,#0b1019 60%,#090d13);border-top:1px solid #244159}
.p17-participate .eyebrow{color:#7fcaff}.p17-participate h2{font-size:clamp(80px,10.5vw,164px);line-height:.95}.p17-participate h2 em{font-style:normal;color:#ff5366}
.p17-participate>p:not(.eyebrow){max-width:840px;color:#d4e0ec;font-size:clamp(18px,2vw,24px)}
.p17-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:40px 0}
.p17-ways span{border:1px solid #3b536c;padding:22px 19px;background:#0a1522;color:#eaf4fc;font:700 12px/1.4 var(--mono);letter-spacing:.1em}
.p17-final{background:#07101d}.p17-final .eyebrow{color:#84ceff}
@media(max-width:1180px){.p17-engine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p17-engine-grid article{min-height:330px}}
@media(max-width:860px){.p17-vision-inner{grid-template-columns:1fr}.p17-art{max-width:690px;margin:auto}.p17-intro h1{font-size:clamp(80px,14vw,145px)}.p17-culture-body{grid-template-columns:1fr}.p17-tracks{grid-template-columns:1fr}.p17-tracks>div{min-height:145px}.p17-ways{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:530px){.p17-intro h1{font-size:clamp(54px,13.6vw,75px)}.p17-lede{font-size:21px}.p17-culture h2,.p17-music-header h2,.p17-four .section-heading h2,.p17-ecosystem h2,.p17-participate h2{font-size:clamp(59px,13vw,78px)}.p17-engine-grid{grid-template-columns:1fr}.p17-engine-grid article{min-height:0}.p17-eight{grid-template-columns:repeat(2,minmax(0,1fr))}.p17-ways{grid-template-columns:1fr}.p17-participate .btn{width:100%}.p17-vision-hero{padding-top:40px}}