*{margin:0;padding:0;box-sizing:border-box}:root{--bg-void: #faf8f5;--bg-deep: #fffef9;--text-main: #2d2a26;--text-muted: #5a564f;--text-dim: #8a857c;--accent-cyan: #0077cc;--accent-cyan-glow: rgba(0, 119, 204, .25);--accent-purple: #8b5cf6;--accent-purple-glow: rgba(139, 92, 246, .2);--accent-gold: #f59e0b;--glass-bg: rgba(255, 253, 248, .8);--glass-border: rgba(0, 0, 0, .06);--glass-hover: rgba(0, 119, 204, .08)}html{scroll-behavior:smooth}body{background:var(--bg-void);color:var(--text-main);font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;line-height:1.7;-webkit-font-smoothing:antialiased}.scroll-progress-bar{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));z-index:9999;transform-origin:0%}.canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background:radial-gradient(ellipse at center,#fffef9,#f5f0e8 70%)}.canvas-container canvas{display:block!important}.canvas-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(45,42,38,.04) 100%);pointer-events:none}.content-layer{position:relative;z-index:10;pointer-events:none}.content-layer>*{pointer-events:auto}.section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:4rem 0;position:relative}.container{max-width:1100px;margin:0 auto;padding:0 2.5rem}h1,h2,h3,.serif{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;letter-spacing:-.02em}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.hero-content{transform:translateY(-5vh)}.hero h1{font-size:clamp(4.5rem,12vw,10rem);font-weight:300;letter-spacing:.02em;background:linear-gradient(135deg,#1a1a2e 0%,var(--text-main) 40%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.hero-subtitle{font-family:Instrument Sans,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:2rem}.hero-tagline{font-family:Cormorant Garamond,serif;font-style:italic;font-size:1.5rem;color:var(--text-muted);max-width:600px;margin:0 auto;text-align:center}.scroll-prompt{position:absolute;bottom:3rem;left:0;right:0;margin:0 auto;width:fit-content;text-align:center;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim)}.scroll-prompt:after{content:"";display:block;width:2px;height:50px;background:linear-gradient(to bottom,var(--accent-cyan),var(--accent-purple),transparent);margin:1rem auto 0}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000f,0 1px 2px #0000000a}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8) 20%,rgba(255,255,255,.8) 80%,transparent)}.glass-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,var(--accent-cyan-glow),transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.glass-card:hover{border-color:var(--accent-cyan);box-shadow:0 20px 60px -20px #00000026,0 0 0 1px var(--accent-cyan-glow)}.glass-card:hover:after{opacity:.1}.manifesto{min-height:80vh}.manifesto-card{max-width:850px;margin:0 auto;text-align:center;padding:4rem}.year-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border:1px solid var(--accent-purple);border-radius:100px;color:var(--accent-purple);font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;background:#8b5cf60d}.year-badge:before{content:"";width:8px;height:8px;background:var(--accent-purple);border-radius:50%;animation:pulse 2s infinite}.manifesto h2{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:2rem;background:linear-gradient(135deg,var(--text-main) 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.manifesto p{font-size:1.2rem;color:var(--text-muted);line-height:2}.manifesto strong{color:var(--accent-cyan);font-weight:600}.process{padding:8rem 0}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:.75rem;color:var(--text-main)}.section-header p{color:var(--text-dim);font-size:.95rem;letter-spacing:.1em;text-transform:uppercase}.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}@media (max-width: 700px){.process-grid-2x2{grid-template-columns:1fr!important}}.process-card{position:relative;padding:2.5rem}.step-number{position:absolute;top:.5rem;right:1.5rem;font-family:Cormorant Garamond,serif;font-size:6rem;font-weight:300;background:linear-gradient(180deg,rgba(0,119,204,.12) 0%,transparent 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;pointer-events:none}.role-tag{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.08)}.process-card h3{font-family:Instrument Sans,sans-serif;font-size:1.5rem;font-weight:600;color:var(--accent-cyan);margin-bottom:1rem}.process-card p{color:var(--text-muted);font-size:.95rem;line-height:1.85}.intelligence-tag{display:inline-block;margin-top:1.25rem;font-size:.85rem;font-style:italic;color:var(--accent-purple)}.ethics{padding:8rem 0}.ethics-card{padding:3.5rem}.ethics-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.ethics-text h2{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1.5rem;color:var(--text-main)}.ethics-text>p{color:var(--text-muted);font-size:1.1rem;line-height:1.8}.ethics-text strong{color:var(--accent-cyan)}.challenge-item{margin-bottom:2rem;padding-left:1.25rem;border-left:3px solid var(--accent-purple);position:relative}.challenge-item:last-child{margin-bottom:0}.challenge-item h4{font-family:Instrument Sans,sans-serif;font-size:1.15rem;font-weight:600;color:var(--text-main);margin-bottom:.5rem}.challenge-item p{color:var(--text-muted);font-size:.95rem;line-height:1.75}.challenge-item strong{color:var(--accent-cyan)}.footer{padding:6rem 0 4rem;text-align:center;border-top:1px solid rgba(0,0,0,.06);min-height:auto;position:relative}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent)}.footer h3{font-size:2rem;margin-bottom:.75rem;background:linear-gradient(135deg,var(--text-main),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-locations{color:var(--text-dim);font-size:.95rem;letter-spacing:.15em;margin-bottom:2rem}.footer-meta{font-size:.8rem;color:var(--text-dim);opacity:.6}.conclusion{padding:8rem 0;min-height:70vh}.conclusion-card{max-width:900px;margin:0 auto;text-align:center;padding:4rem}.conclusion h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:2rem;background:linear-gradient(135deg,var(--text-main),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.conclusion p{font-size:1.15rem;color:var(--text-muted);line-height:2;margin-bottom:1.5rem}.conclusion p:last-of-type{margin-bottom:0}.conclusion strong{color:var(--accent-cyan)}.conclusion em{color:var(--accent-purple)}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{filter:drop-shadow(0 0 10px var(--accent-cyan-glow))}50%{filter:drop-shadow(0 0 20px var(--accent-cyan-glow))}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@media (max-width: 900px){.ethics-layout{grid-template-columns:1fr;gap:2.5rem}}@media (max-width: 600px){.container{padding:0 1.5rem}.glass-card{padding:2rem}.manifesto-card{padding:2.5rem}.hero h1{font-size:3.5rem}.step-number{font-size:4rem}}.stakeholders{padding:8rem 0}.power-interest-matrix{margin-bottom:4rem}.matrix-grid{position:relative;width:100%;max-width:600px;aspect-ratio:1;margin:0 auto;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden}.axis-label{position:absolute;display:flex;align-items:center;gap:.5rem;font-size:.65rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.axis-y{left:-.5rem;top:50%;transform:rotate(-90deg) translate(-50%);transform-origin:left center}.axis-x{bottom:.75rem;left:50%;transform:translate(-50%)}.axis-arrow{color:var(--accent-cyan)}.quadrant{position:absolute;width:50%;height:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.quadrant-tl{top:0;left:0}.quadrant-tr{top:0;right:0;background:#0077cc08}.quadrant-bl{bottom:0;left:0}.quadrant-br{bottom:0;right:0;background:#8b5cf608}.quadrant-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);opacity:.5}.matrix-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:10;cursor:pointer;transition:transform .3s ease}.matrix-node:hover{transform:scale(1.15)}.node-dot{width:24px;height:24px;border-radius:50%;box-shadow:0 4px 15px #00000026;animation:nodePulse 3s infinite}.dot-purple{background:linear-gradient(135deg,var(--accent-purple),#6d28d9);box-shadow:0 4px 20px #8b5cf666}.dot-cyan{background:linear-gradient(135deg,var(--accent-cyan),#0055aa);box-shadow:0 4px 20px #07c6}.dot-green{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 20px #05966966}.dot-gold{background:linear-gradient(135deg,var(--accent-gold),#d97706);box-shadow:0 4px 20px #f59e0b66}.dot-red{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 4px 20px #ef444480;animation:nodePulse 2s infinite}.node-label{font-size:.7rem;font-weight:600;color:var(--text-muted);white-space:nowrap;background:#ffffffe6;padding:.2rem .5rem;border-radius:4px}.node-subjects{right:15%;bottom:20%}.node-preservationists{right:15%;top:15%}.node-ethics{left:25%;top:15%}.node-families{right:30%;top:45%}.node-infrastructure{left:10%;top:8%}.matrix-connections{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.connection-line{stroke-width:1;stroke-dasharray:4 2;opacity:.3;animation:connectionFlow 2s linear infinite}.line-purple{stroke:var(--accent-purple)}.line-cyan{stroke:var(--accent-cyan)}.line-green{stroke:#059669}.line-gold{stroke:var(--accent-gold)}.line-red{stroke:#ef4444;opacity:.5;stroke-width:1.5}@keyframes nodePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes connectionFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-12}}.stakeholder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.stakeholder-card{position:relative;padding:2.5rem 2rem 2rem;overflow:visible}.stakeholder-indicator{position:absolute;top:0;left:2rem;width:4px;height:60px;border-radius:0 0 4px 4px;transform:translateY(-1px)}.indicator-purple{background:linear-gradient(180deg,var(--accent-purple),transparent)}.indicator-cyan{background:linear-gradient(180deg,var(--accent-cyan),transparent)}.indicator-green{background:linear-gradient(180deg,#059669,transparent)}.indicator-gold{background:linear-gradient(180deg,var(--accent-gold),transparent)}.indicator-red{background:linear-gradient(180deg,#ef4444,transparent)}.stakeholder-header{margin-bottom:1rem}.stakeholder-header h3{font-family:Instrument Sans,sans-serif;font-size:1.35rem;font-weight:600;color:var(--text-main);margin-bottom:.25rem}.stakeholder-subtitle{font-size:.85rem;font-style:italic;color:var(--text-dim)}.stakeholder-profile{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.stakeholder-attributes{display:flex;gap:1.5rem;margin-bottom:1rem}.attribute{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.attr-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.attr-value{font-weight:600;padding:.15rem .5rem;border-radius:4px;font-size:.75rem}.value-high{background:#0077cc1a;color:var(--accent-cyan)}.value-medium{background:#f59e0b1a;color:var(--accent-gold)}.value-low{background:#8b5cf61a;color:var(--accent-purple)}.value-absolute{background:#ef44441f;color:#ef4444;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:100px;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}.status-purple{background:#8b5cf61a;color:var(--accent-purple);border:1px solid rgba(139,92,246,.2)}.status-cyan{background:#0077cc1a;color:var(--accent-cyan);border:1px solid rgba(0,119,204,.2)}.status-green{background:#0596691a;color:#059669;border:1px solid rgba(5,150,105,.2)}.status-gold{background:#f59e0b1a;color:var(--accent-gold);border:1px solid rgba(245,158,11,.2)}.status-red{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.stakeholder-context{font-size:.9rem;color:var(--text-muted);line-height:1.7;font-style:italic;padding-left:1rem;border-left:2px solid rgba(0,0,0,.08)}.stakeholder-purple:hover{border-color:var(--accent-purple)}.stakeholder-cyan:hover{border-color:var(--accent-cyan)}.stakeholder-green:hover{border-color:#059669}.stakeholder-gold:hover{border-color:var(--accent-gold)}.stakeholder-red:hover{border-color:#ef4444}.hard-nine{padding:8rem 0;background:linear-gradient(180deg,transparent,rgba(139,92,246,.02),transparent)}.questions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.question-card{position:relative;padding:3rem 2rem 2rem;transition:all .4s ease}.question-number{position:absolute;top:.75rem;right:1rem;font-family:Cormorant Garamond,serif;font-size:3.5rem;font-weight:300;line-height:1;background:linear-gradient(180deg,rgba(139,92,246,.15) 0%,transparent 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.question-title{font-family:Instrument Sans,sans-serif;font-size:1.1rem;font-weight:600;color:var(--accent-purple);margin-bottom:.75rem;line-height:1.3}.question-text{font-size:.9rem;color:var(--text-muted);line-height:1.7}.personas{padding:8rem 0}.personas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.persona-card{position:relative;padding:2rem;overflow:hidden}.persona-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent)}.persona-purple:before{background:linear-gradient(90deg,transparent,var(--accent-purple),transparent)}.persona-cyan:before{background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent)}.persona-green:before{background:linear-gradient(90deg,transparent,#059669,transparent)}.persona-gold:before{background:linear-gradient(90deg,transparent,var(--accent-gold),transparent)}.persona-header{display:flex;gap:1.25rem;align-items:flex-start;margin-bottom:1.5rem}.persona-identity h3{font-family:Instrument Sans,sans-serif;font-size:1.4rem;font-weight:600;color:var(--text-main);margin-bottom:.25rem}.persona-age{font-weight:400;color:var(--text-dim);font-size:1rem}.persona-role{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-cyan);margin-bottom:.25rem}.persona-purple .persona-role{color:var(--accent-purple)}.persona-green .persona-role{color:#059669}.persona-gold .persona-role{color:var(--accent-gold)}.persona-occupation{display:block;font-size:.85rem;color:var(--text-muted)}.persona-stats{display:flex;gap:2rem;margin-bottom:1.25rem;padding:1rem;background:#00000005;border-radius:12px}.stat{flex:1;display:flex;flex-direction:column;gap:.4rem}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.stat-bar{height:6px;background:#00000014;border-radius:3px;overflow:hidden}.stat-fill{height:100%;border-radius:3px}.bar-high .stat-fill{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple))}.bar-medium .stat-fill{background:linear-gradient(90deg,var(--accent-gold),#d97706)}.bar-low .stat-fill{background:linear-gradient(90deg,#94a3b8,#64748b)}.stat-value{font-size:.75rem;font-weight:600;color:var(--text-muted)}.persona-status{display:inline-block;font-size:.8rem;color:var(--text-muted);margin-bottom:1.25rem}.persona-status strong{color:var(--accent-cyan)}.persona-purple .persona-status strong{color:var(--accent-purple)}.persona-green .persona-status strong{color:#059669}.persona-gold .persona-status strong{color:var(--accent-gold)}.persona-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.detail-item{display:flex;gap:.75rem;align-items:flex-start}.detail-icon{font-size:1rem;flex-shrink:0;width:24px;text-align:center}.detail-content{display:flex;flex-direction:column;gap:.15rem}.detail-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.detail-text{font-size:.85rem;color:var(--text-muted);line-height:1.5}.persona-goal{padding:1rem;background:linear-gradient(135deg,#0077cc0d,#8b5cf60d);border-radius:12px;border-left:3px solid var(--accent-cyan)}.persona-purple .persona-goal{border-left-color:var(--accent-purple)}.persona-green .persona-goal{border-left-color:#059669}.persona-gold .persona-goal{border-left-color:var(--accent-gold)}.goal-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:.5rem}.persona-goal p{font-size:.95rem;color:var(--text-main);line-height:1.6;font-style:italic}@media (max-width: 1100px){.questions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.stakeholder-grid,.personas-grid,.questions-grid{grid-template-columns:1fr}.blackbox-tensions{flex-direction:column}.tension-divider{padding:.5rem 0}}@media (max-width: 600px){.stakeholder-attributes{flex-direction:column;gap:.75rem}.persona-stats{flex-direction:column;gap:1rem}.persona-header{flex-direction:column;align-items:center;text-align:center}}.blackbox{min-height:80vh;padding:8rem 0}.blackbox-card{max-width:950px;margin:0 auto;text-align:center;padding:4rem;border:1px solid rgba(0,119,204,.15)}.blackbox-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border:1px solid var(--accent-cyan);border-radius:100px;color:var(--accent-cyan);font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;background:#0077cc0d}.blackbox-badge:before{content:"";width:8px;height:8px;border:1.5px solid var(--accent-cyan);background:transparent}.blackbox h2{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:2rem;background:linear-gradient(135deg,var(--text-main) 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blackbox p{font-size:1.15rem;color:var(--text-muted);line-height:2}.blackbox strong{color:var(--accent-cyan);font-weight:600}.blackbox-tensions{display:flex;align-items:stretch;gap:1.5rem;margin-top:3rem;text-align:left}.tension-item{flex:1;display:flex;gap:1rem;align-items:flex-start;padding:1.5rem;background:#00000005;border-radius:16px;border:1px solid rgba(0,0,0,.04)}.tension-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0077cc14;color:var(--accent-cyan)}.tension-icon-premium{background:#8b5cf614;color:var(--accent-purple)}.tension-item h4{font-family:Instrument Sans,sans-serif;font-size:1rem;font-weight:600;color:var(--text-main);margin-bottom:.35rem}.tension-item p{font-size:.9rem;line-height:1.65;color:var(--text-muted)}.tension-divider{display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-style:italic;font-size:1.1rem;color:var(--text-dim);flex-shrink:0;padding:0 .25rem}.footer-techstack{margin-bottom:1.5rem;padding:1rem 1.5rem;display:inline-block;background:#0077cc0a;border:1px solid rgba(0,119,204,.1);border-radius:12px}.techstack-label{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-cyan);margin-bottom:.4rem}.techstack-list{font-size:.8rem;color:var(--text-dim);letter-spacing:.05em}.text-gradient{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glow-cyan{text-shadow:0 0 20px var(--accent-cyan-glow)}.glow-purple{text-shadow:0 0 20px var(--accent-purple-glow)}