:root {
  --bg: #070707;
  --bg-soft: #0c0c0c;
  --paper: #f0efe9;
  --muted: #aaa9a2;
  --line: rgba(255,255,255,.12);
  --line-soft: rgba(255,255,255,.07);
  --accent: #ff5b22;
  --accent-soft: #ff9b76;
  --max: 1240px;
  --gutter: clamp(20px, 4vw, 64px);
  --header-h: 78px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  color: var(--paper);
  background: var(--bg);
  font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
body::selection { background: var(--accent); color: white; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
img { max-width: 100%; display: block; }

.scroll-progress { position: fixed; top: 0; left: 0; right: 0; height: 2px; z-index: 1000; background: rgba(255,255,255,.04); }
.scroll-progress span { display: block; height: 100%; width: 0; background: var(--accent); transform-origin: left center; }
.cursor-light { position: fixed; width: 520px; height: 520px; pointer-events: none; z-index: 0; opacity: .22; transform: translate(-50%,-50%); background: radial-gradient(circle, rgba(255,91,34,.18), transparent 65%); filter: blur(18px); transition: opacity .3s; }

.site-header {
  position: fixed; z-index: 900; top: 0; left: 0; right: 0; height: var(--header-h);
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  padding: 0 var(--gutter); border-bottom: 1px solid transparent;
  transition: background .35s ease, border-color .35s ease, backdrop-filter .35s ease;
}
.site-header.scrolled { background: rgba(7,7,7,.78); border-color: var(--line-soft); backdrop-filter: blur(20px); }
.brand { display: inline-flex; align-items: center; gap: 12px; width: max-content; }
.brand-mark { width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; display: grid; place-items: center; font-size: 11px; font-weight: 700; letter-spacing: -.04em; }
.brand-name { font-size: 14px; font-weight: 600; letter-spacing: -.02em; }
.desktop-nav { display: flex; align-items: center; gap: 30px; color: rgba(255,255,255,.62); font-size: 13px; }
.desktop-nav a, .footer-links a { transition: color .2s; }
.desktop-nav a:hover, .desktop-nav a.active, .footer-links a:hover { color: white; }
.header-cta { justify-self: end; font-size: 13px; font-weight: 600; display: flex; gap: 10px; align-items: center; }
.header-cta span { color: var(--accent); }

.hero { position: relative; min-height: 100svh; isolation: isolate; overflow: hidden; display: flex; align-items: flex-end; padding: calc(var(--header-h) + 80px) var(--gutter) clamp(84px, 9vh, 118px); }
.hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -4; transform: scale(1.01); }
.hero-shade { position: absolute; inset: 0; z-index: -3; background: linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.42) 48%, rgba(0,0,0,.22) 100%), linear-gradient(0deg, rgba(0,0,0,.78) 0%, transparent 45%, rgba(0,0,0,.18) 100%); }
.hero-grid { position: absolute; inset: 0; z-index: -2; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(to right, black, transparent 80%); }
.hero-content { width: min(1020px, 90%); position: relative; }
.hero-kicker { display: flex; align-items: center; gap: 10px; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.72); margin-bottom: 26px; }
.live-dot, .safe-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(255,91,34,.12); }
.hero h1 { margin: 0; font-size: clamp(64px, 9vw, 150px); line-height: .82; letter-spacing: -.072em; font-weight: 600; max-width: 1160px; }
.hero h1 em, .manifesto h2 em, .case h3 em, .principle-list em, .bio-copy h3 em, .contact h2 em { font-family: "Instrument Serif", Georgia, serif; font-weight: 400; color: #f7f3e9; }
.hero h1 em { white-space: nowrap; }
.hero-copy { max-width: 650px; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.5; color: rgba(255,255,255,.72); margin: 38px 0 0; letter-spacing: -.02em; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 28px; min-height: 52px; padding: 0 22px; border-radius: 999px; font-size: 13px; font-weight: 600; transition: transform .2s, background .2s, border-color .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--paper); color: #080808; }
.button-primary span { color: var(--accent); }
.button-ghost { border: 1px solid rgba(255,255,255,.28); background: rgba(0,0,0,.18); backdrop-filter: blur(12px); }
.hero-meta { position: absolute; left: var(--gutter); right: var(--gutter); bottom: 24px; display: flex; justify-content: space-between; align-items: end; font-size: 12px; color: rgba(255,255,255,.64); }
.hero-meta > div:first-child { display: grid; gap: 3px; }
.meta-label { text-transform: uppercase; letter-spacing: .14em; font-size: 9px; color: rgba(255,255,255,.38); }
.hero-meta strong { color: white; font-weight: 500; }
.hero-scroll { display: flex; align-items: center; gap: 12px; text-transform: uppercase; letter-spacing: .12em; font-size: 9px; }
.scroll-line { width: 64px; height: 1px; background: rgba(255,255,255,.45); position: relative; overflow: hidden; }
.scroll-line::after { content: ""; position: absolute; inset: 0; background: white; transform: translateX(-100%); animation: lineSweep 2s ease-in-out infinite; }
.video-control { position: absolute; right: var(--gutter); top: calc(var(--header-h) + 24px); color: rgba(255,255,255,.64); border: 1px solid rgba(255,255,255,.18); background: rgba(0,0,0,.25); border-radius: 999px; min-height: 36px; padding: 0 13px; display: flex; align-items: center; gap: 8px; cursor: pointer; backdrop-filter: blur(10px); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; transition: color .2s, background .2s; }
.video-control:hover { color: white; background: rgba(0,0,0,.5); }

.surface { position: relative; z-index: 2; background: var(--bg); }
.section-shell { width: min(var(--max), calc(100% - var(--gutter) * 2)); margin: 0 auto; }
.section-index { color: var(--accent); text-transform: uppercase; letter-spacing: .14em; font-size: 10px; font-weight: 600; }

.stats-section { border-top: 1px solid var(--line-soft); }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.stats-grid article { min-height: 250px; padding: 56px clamp(18px, 3vw, 44px) 42px 0; border-right: 1px solid var(--line-soft); display: flex; flex-direction: column; justify-content: space-between; }
.stats-grid article:not(:first-child) { padding-left: clamp(18px, 3vw, 44px); }
.stats-grid article:last-child { border-right: 0; }
.stat-number { display: block; font-size: clamp(56px, 6vw, 96px); line-height: .9; letter-spacing: -.065em; font-weight: 500; }
.stat-number span { color: var(--accent); font-family: "Instrument Serif", serif; font-weight: 400; }
.stats-grid p { max-width: 170px; margin: 36px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; }

.manifesto { border-top: 1px solid var(--line-soft); }
.manifesto-grid { display: grid; grid-template-columns: 180px 1fr; padding-top: clamp(100px, 13vw, 180px); padding-bottom: clamp(100px, 13vw, 180px); }
.manifesto-pre { margin: 0 0 24px; color: var(--muted); font-size: 16px; }
.manifesto h2 { margin: 0; max-width: 1020px; font-size: clamp(52px, 7.3vw, 116px); line-height: .94; letter-spacing: -.055em; font-weight: 500; }
.manifesto-bottom { margin-top: 70px; display: flex; justify-content: space-between; gap: 40px; border-top: 1px solid var(--line); padding-top: 24px; }
.manifesto-bottom p { max-width: 610px; margin: 0; color: var(--muted); line-height: 1.55; font-size: 15px; }
.manifesto-bottom span { color: rgba(255,255,255,.45); font-size: 11px; text-transform: uppercase; letter-spacing: .12em; white-space: nowrap; }

.work, .principles, .journey, .speaking { border-top: 1px solid var(--line-soft); padding: clamp(100px, 10vw, 150px) 0; }
.section-heading { display: flex; justify-content: space-between; gap: 60px; align-items: end; margin-bottom: 70px; }
.section-heading h2 { margin: 10px 0 0; font-size: clamp(44px, 5vw, 72px); line-height: .98; letter-spacing: -.055em; font-weight: 500; }
.section-heading > p { width: min(390px, 100%); margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }

.case { display: grid; grid-template-columns: .9fr 1.1fr; min-height: 670px; border-top: 1px solid var(--line); padding: 46px 0 90px; gap: clamp(40px, 7vw, 100px); align-items: center; }
.case-copy { align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.case-topline { display: flex; gap: 18px; font-size: 10px; text-transform: uppercase; letter-spacing: .14em; color: var(--muted); margin-bottom: auto; padding-bottom: 40px; }
.case-topline span:first-child { color: var(--accent); }
.case h3 { font-size: clamp(48px, 5.6vw, 82px); line-height: .91; letter-spacing: -.055em; font-weight: 500; margin: 0 0 30px; }
.case-copy > p { max-width: 520px; color: var(--muted); font-size: 15px; line-height: 1.65; margin: 0; }
.case-metrics { display: flex; gap: 42px; margin: 40px 0 34px; }
.case-metrics > div { display: grid; gap: 5px; }
.case-metrics strong { font-size: 32px; letter-spacing: -.05em; font-weight: 500; }
.case-metrics span { color: rgba(255,255,255,.42); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.text-link { display: inline-flex; align-items: center; gap: 12px; width: max-content; font-size: 13px; font-weight: 600; padding-bottom: 6px; border-bottom: 1px solid rgba(255,255,255,.25); }
.text-link span { color: var(--accent); }
.case-visual { min-height: 540px; border: 1px solid var(--line); border-radius: 2px; background: #0c0c0c; position: relative; overflow: hidden; }

.vision-visual { background: radial-gradient(circle at 65% 40%, rgba(255,91,34,.16), transparent 25%), linear-gradient(145deg,#0b0b0b,#11100e); }
.city-lines { position: absolute; inset: 0; opacity: .3; background-image: linear-gradient(24deg, transparent 48%, rgba(255,255,255,.12) 49%, rgba(255,255,255,.12) 50%, transparent 51%), linear-gradient(115deg, transparent 48%, rgba(255,255,255,.08) 49%, rgba(255,255,255,.08) 50%, transparent 51%); background-size: 130px 180px, 180px 140px; filter: perspective(400px) rotateX(55deg) scale(1.4); transform-origin: center bottom; }
.hud-top, .hud-bottom { position: absolute; left: 22px; right: 22px; display: flex; justify-content: space-between; z-index: 3; color: rgba(255,255,255,.48); font: 9px/1 monospace; letter-spacing: .08em; }
.hud-top { top: 20px; } .hud-bottom { bottom: 20px; }
.hud-live { color: var(--accent); }
.vision-chip, .system-chip { position:absolute; padding:8px 10px; border:1px solid rgba(255,255,255,.12); background:rgba(8,8,8,.58); backdrop-filter: blur(10px); font: 8px/1.1 monospace; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,255,255,.7); z-index:3; }
.chip-top-left{left:22px;top:58px}.chip-top-right{right:22px;top:58px}
.detection { position: absolute; z-index: 2; border: 1px solid var(--accent); box-shadow: 0 0 30px rgba(255,91,34,.11); }
.detection::before, .detection::after { content:""; position:absolute; background: var(--accent); }
.detection::before { top:-1px; left:-1px; width:18px; height:2px; }
.detection::after { top:-1px; left:-1px; width:2px; height:18px; }
.detection span, .detection b { position:absolute; top:-20px; font: 8px/1 monospace; color: var(--accent); letter-spacing:.05em; }
.detection span { left:0; }.detection b { right:0; font-weight:400; }
.detection-a { width: 190px; height: 150px; left: 12%; top: 37%; animation: targetFloat 5s ease-in-out infinite; }
.detection-b { width: 128px; height: 110px; right: 12%; top: 24%; animation: targetFloat 4s ease-in-out -1s infinite; }
.scan-line { position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--accent), transparent); box-shadow: 0 0 16px rgba(255,91,34,.5); animation: scan 4s linear infinite; opacity: .65; }
.vision-feed { position:absolute; left:22px; right:22px; bottom:54px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; z-index:3; }
.vision-feed div { padding:14px 12px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); }
.vision-feed span { display:block; color:rgba(255,255,255,.44); font:8px/1 monospace; text-transform:uppercase; letter-spacing:.08em; margin-bottom:8px; }
.vision-feed strong { font-size:24px; letter-spacing:-.05em; }

.pando-visual { display:grid; place-items:center; background: radial-gradient(circle at 50% 50%, rgba(44,160,164,.13), transparent 42%), #071519; }
.pando-shot { width:min(92%, 620px); position:relative; box-shadow:0 28px 90px rgba(0,0,0,.42); border:1px solid rgba(255,255,255,.12); overflow:hidden; transform: perspective(1400px) rotateY(-7deg) rotateX(4deg); }
.pando-shot img { width:100%; display:block; }
.pando-overlay { position:absolute; inset:0; background: linear-gradient(180deg, rgba(4,22,27,.08), rgba(4,22,27,.18)); }
.pando-noise { position:absolute; inset:0; background: linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 100%), linear-gradient(rgba(255,255,255,.03) 0 1px, transparent 1px 100%); background-size: 110px 110px; mix-blend-mode:soft-light; opacity:.35; }
.pando-chip { position:absolute; padding:9px 11px; background:rgba(5,14,17,.84); border:1px solid rgba(102,255,220,.16); color:#c4fff2; font:8px/1 monospace; letter-spacing:.09em; text-transform:uppercase; backdrop-filter: blur(10px); box-shadow: 0 12px 34px rgba(0,0,0,.34); }
.pando-chip-a{left:22px;top:18px}.pando-chip-b{right:20px;top:22px}.pando-chip-c{right:18px;bottom:24px}
.pando-badge { position:absolute; left:26px; bottom:24px; display:grid; gap:2px; padding:14px 15px; min-width:180px; background:rgba(3,10,12,.9); border:1px solid rgba(255,255,255,.12); }
.pando-badge b{font-size:18px;letter-spacing:-.03em}.pando-badge small{color:rgba(255,255,255,.58);font-size:10px}.pando-badge span{display:inline-block}
.pando-orb { width: 14px; height: 14px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff 0 7%, #77ffcb 30%, #2a9ea4 70%); box-shadow: 0 0 18px rgba(46,205,199,.55); margin-bottom:6px; }
.pando-callout { position:absolute; max-width:220px; padding:13px 14px; background:rgba(3,10,12,.9); border:1px solid rgba(255,255,255,.12); box-shadow:0 12px 34px rgba(0,0,0,.28); }
.pando-callout span{display:block;color:#74f4d7;font:8px/1 monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.pando-callout strong{font-size:13px;line-height:1.35;font-weight:500}
.pando-callout-a{right:24px;top:74px}.pando-callout-b{left:24px;top:96px}

.heat-visual { display:flex; flex-direction:column; align-items:center; justify-content:center; background: radial-gradient(circle at 50% 45%, rgba(255,91,34,.17), transparent 34%), #0b0b0b; }
.heat-aura{position:absolute; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle, rgba(255,91,34,.18), transparent 68%); filter:blur(10px); animation:orbitPulse 5s ease-in-out infinite; }
.wristband-unit{position:relative; display:flex; align-items:center; gap:0; z-index:2; transform:translateY(-12px)}
.band{display:block; width:110px; height:26px; background:linear-gradient(180deg,#434343,#171717); border-radius:999px; box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.band-left{margin-right:-6px}.band-right{margin-left:-6px}
.wrist-core{width:230px; min-height:144px; border-radius:32px; background:linear-gradient(180deg,#131313,#070707); border:1px solid rgba(255,255,255,.14); display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 24px 70px rgba(0,0,0,.38); position:relative; overflow:hidden}
.wrist-core::before{content:""; position:absolute; inset:12px; border-radius:24px; border:1px solid rgba(255,91,34,.14)}
.wrist-core small{font:9px monospace; letter-spacing:.12em; color:rgba(255,255,255,.4); position:relative; z-index:1}
.wrist-core strong{font-size:64px; letter-spacing:-.08em; line-height:1; position:relative; z-index:1}
.wrist-core span{font:9px monospace; letter-spacing:.12em; color:#75f4b0; position:relative; z-index:1; margin-top:8px}
.heat-sidecard{position:absolute; padding:14px 16px; min-width:164px; background:rgba(7,7,7,.8); border:1px solid rgba(255,255,255,.1); backdrop-filter: blur(12px); z-index:3; box-shadow:0 18px 45px rgba(0,0,0,.28)}
.heat-sidecard span{display:block;font:8px monospace;letter-spacing:.1em;color:rgba(255,255,255,.45);text-transform:uppercase}.heat-sidecard strong{display:block;font-size:20px;letter-spacing:-.04em;margin:8px 0 4px}.heat-sidecard small{display:block;color:rgba(255,255,255,.52);font-size:11px;line-height:1.25}
.heat-sidecard-a{left:26px; top:70px}.heat-sidecard-b{right:26px; bottom:128px}
.heat-timeline{position:absolute; left:26px; right:26px; bottom:76px; display:grid; grid-template-columns:repeat(5,1fr); gap:10px}.heat-timeline i{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg, rgba(255,255,255,.12), rgba(255,91,34,.78)); opacity:.75}.heat-timeline i:nth-child(4),.heat-timeline i:nth-child(5){background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(117,244,176,.7))}
.safe-dot{background:#75f4b0;box-shadow:0 0 0 5px rgba(117,244,176,.09)}
.heat-data { position:absolute;left:22px;right:22px;bottom:22px;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:repeat(3,1fr);padding-top:14px;}.heat-data div{display:grid;gap:5px}.heat-data span{font:8px monospace;color:rgba(255,255,255,.35)}.heat-data b{font:10px monospace;font-weight:400}

.system-tags { display:flex;flex-wrap:wrap;gap:8px;margin-top:38px;}.system-tags span{border:1px solid var(--line);padding:8px 11px;color:rgba(255,255,255,.55);font-size:10px;letter-spacing:.07em;text-transform:uppercase}
.system-visual { background: radial-gradient(circle at center, rgba(255,91,34,.13), transparent 42%), #0a0a0a; }
.system-visual svg { position:absolute;inset:0;width:100%;height:100%;}.system-visual line{stroke:rgba(255,255,255,.12);stroke-width:1;stroke-dasharray:4 7;}
.system-glow{position:absolute; inset:auto; width:250px; height:250px; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle, rgba(255,91,34,.18), transparent 70%); filter:blur(12px)}
.system-ring{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; border:1px solid rgba(255,255,255,.08)}
.system-ring-one{width:270px; height:270px; animation:spin 22s linear infinite}.system-ring-two{width:360px; height:360px; animation:spin 30s linear infinite reverse}
.system-center-badge{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:180px; min-height:180px; border-radius:50%; border:1px solid rgba(255,91,34,.28); display:flex; flex-direction:column; align-items:center; justify-content:center; background:rgba(11,11,11,.74); backdrop-filter: blur(8px); z-index:3; box-shadow:0 0 60px rgba(255,91,34,.12)}
.system-center-badge span,.system-center-badge small{font:8px monospace; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.46)}
.system-center-badge strong{font-size:24px; letter-spacing:-.05em; margin:8px 0}
.system-chip{z-index:4}
.system-chip-a{left:18%; top:18%}.system-chip-b{right:16%; top:16%}.system-chip-c{right:16%; bottom:18%}.system-chip-d{left:18%; bottom:18%}
.system-card{position:absolute; width:170px; min-height:96px; padding:14px 15px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.1); backdrop-filter: blur(10px); z-index:4; box-shadow:0 14px 38px rgba(0,0,0,.26)}
.system-card span{display:block;color:var(--accent);font:8px monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.system-card strong{display:block;font-size:22px;letter-spacing:-.04em;margin-bottom:6px}.system-card small{display:block;color:rgba(255,255,255,.52);font-size:11px;line-height:1.3}
.stage-a{left:40px; top:82px}.stage-b{right:36px; top:92px}.stage-c{right:34px; bottom:70px}.stage-d{left:36px; bottom:72px}

.principle-list { list-style:none;padding:0;margin:0;border-top:1px solid var(--line); }
.principle-list li { display:grid;grid-template-columns:100px 1fr;align-items:start;border-bottom:1px solid var(--line);padding:34px 0;transition:padding-left .25s ease, background .25s ease; }
.principle-list li:hover { padding-left:14px; }
.principle-list li > span { color:var(--accent);font-size:10px;letter-spacing:.12em;padding-top:12px; }
.principle-list p { margin:0;font-size:clamp(34px,4.3vw,66px);line-height:1.02;letter-spacing:-.05em;font-weight:500; }
.principle-list em { color:rgba(255,255,255,.58); }

.journey-track { display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin:80px 0 120px; }
.journey-track::before { content:"";position:absolute;left:0;right:0;top:49px;height:1px;background:var(--line); }
.journey-track article { position:relative;padding-right:32px; }
.journey-year { color:rgba(255,255,255,.5);font-size:10px;letter-spacing:.12em;text-transform:uppercase; }
.journey-dot { margin-top:31px;width:11px;height:11px;border-radius:50%;background:#272727;border:1px solid rgba(255,255,255,.45);position:relative;z-index:2;box-shadow:0 0 0 7px var(--bg); }
.journey-dot.active { background:var(--accent);border-color:var(--accent); }
.journey-track h3 { margin:28px 0 8px;font-size:18px;letter-spacing:-.03em;font-weight:500; }.journey-track p{margin:0;max-width:190px;color:var(--muted);font-size:12px;line-height:1.55}
.bio-card { display:grid;grid-template-columns:minmax(320px,.8fr) 1.2fr;gap:clamp(42px,8vw,120px);align-items:center;border-top:1px solid var(--line);padding-top:80px; }
.bio-card figure { margin:0;position:relative;border:1px solid var(--line);padding:14px 14px 0;background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)); }.bio-card img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 40%;filter:saturate(.85) contrast(1.03)}.bio-card figcaption{position:absolute;left:28px;bottom:14px;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);padding:8px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.65)}
.bio-copy h3 { font-size:clamp(42px,5.3vw,76px);line-height:.94;letter-spacing:-.055em;font-weight:500;margin:16px 0 34px; }.bio-copy p{max-width:620px;color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 18px}.bio-copy .text-link{margin-top:18px}

.media-feature { display:grid;grid-template-columns:1.5fr .5fr;border:1px solid var(--line);min-height:420px;margin-bottom:24px; }
.video-frame { position:relative;aspect-ratio:16/9;min-height:100%;background:#020202; }.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.media-feature-copy{padding:34px;display:flex;flex-direction:column}.media-feature-copy>span,.selected-type{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.media-feature-copy h3{font-size:clamp(24px,2.4vw,36px);line-height:1.05;letter-spacing:-.045em;font-weight:500;margin:20px 0 auto}.media-feature-copy .text-link{margin-top:30px}
.selected-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}.selected-card{min-height:290px;background:var(--bg);padding:28px;display:flex;flex-direction:column;position:relative;transition:background .2s}.selected-card:hover{background:#0f0f0f}.selected-card h3{font-size:26px;line-height:1.04;letter-spacing:-.045em;font-weight:500;margin:28px 0 12px}.selected-card p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}.selected-card i{font-style:normal;color:var(--accent);font-family:"Instrument Serif",serif;font-size:32px;margin-top:auto;align-self:flex-end}.no-link{cursor:default}
.archive { border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:70px; }.archive summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;font-size:12px}.archive summary::-webkit-details-marker{display:none}.archive summary span:last-child{color:var(--muted)}.archive summary b{color:var(--accent);font-weight:400;margin-left:10px;display:inline-block;transition:transform .2s}.archive[open] summary b{transform:rotate(45deg)}.archive-links{border-top:1px solid var(--line-soft)}.archive-links a{display:grid;grid-template-columns:120px 1fr auto;gap:24px;padding:18px 0;border-bottom:1px solid var(--line-soft);font-size:12px;align-items:center}.archive-links a:last-child{border-bottom:0}.archive-links span{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.archive-links strong{font-weight:500}.archive-links i{font-style:normal;color:rgba(255,255,255,.3);transition:color .2s}.archive-links a:hover i{color:var(--accent)}

.contact { min-height:85svh;border-top:1px solid var(--line-soft);overflow:hidden;display:flex;align-items:center; }.contact-inner{text-align:center;padding:140px 0;position:relative;z-index:2}.contact h2{font-size:clamp(72px,10.5vw,160px);line-height:.8;letter-spacing:-.07em;font-weight:500;margin:34px 0}.contact p{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 42px}.contact-mail{display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:8px;font-size:clamp(16px,2vw,24px)}.contact-mail span{color:var(--accent)}
.contact-orbit{position:absolute;border:1px solid rgba(255,255,255,.06);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);}.orbit-one{width:700px;height:700px;animation:orbitPulse 7s ease-in-out infinite}.orbit-two{width:1000px;height:1000px;animation:orbitPulse 7s ease-in-out -2s infinite}
.site-footer { border-top:1px solid var(--line); }.footer-inner{min-height:130px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:11px;color:rgba(255,255,255,.45)}.footer-inner>div:first-child{display:grid;gap:6px}.footer-inner strong{color:white;font-size:15px}.footer-links{display:flex;gap:22px}.footer-inner>span{text-align:right}

[data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .8s cubic-bezier(.2,.65,.25,1), transform .8s cubic-bezier(.2,.65,.25,1); }
[data-reveal].is-visible { opacity: 1; transform: none; }

@keyframes lineSweep { 0%{transform:translateX(-100%)}50%,100%{transform:translateX(100%)} }
@keyframes targetFloat { 0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)} }
@keyframes scan { 0%{top:8%}100%{top:92%} }
@keyframes typing { 0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)} }
@keyframes spin { to{transform:rotate(360deg)} }
@keyframes orbitPulse { 0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.98)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.03)} }



/* V4 refinements: real TrisTrash scene + bespoke Pando mockup */
.vision-visual { background: #090909; padding:0; overflow:hidden; }
.tris-stage { position:relative; width:100%; height:100%; min-height:560px; overflow:hidden; }
.tris-stage > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.95) contrast(1.02); }
.tris-overlay { position:absolute; inset:0; background:linear-gradient(180deg, rgba(3,8,10,.18), rgba(3,8,10,.05) 30%, rgba(3,8,10,.24)), linear-gradient(90deg, rgba(0,0,0,.14), transparent 30%, transparent 72%, rgba(0,0,0,.32)); }
.tris-stage .hud-top, .tris-stage .hud-bottom { z-index:5; }
.tris-box { position:absolute; z-index:5; border:2px solid #ff7a31; box-shadow:0 0 0 1px rgba(255,122,49,.2) inset, 0 0 30px rgba(255,122,49,.16); }
.tris-box::before, .tris-box::after { content:""; position:absolute; background:#ff7a31; }
.tris-box::before { width:18px; height:2px; left:-2px; top:-2px; }
.tris-box::after { width:2px; height:18px; left:-2px; top:-2px; }
.tris-box span, .tris-box b { position:absolute; left:0; top:-24px; background:rgba(0,0,0,.74); padding:4px 6px; font:8px/1 monospace; letter-spacing:.08em; text-transform:uppercase; color:#ffb17c; white-space:nowrap; }
.tris-box b { left:auto; right:0; color:#fff; }
.tris-box-worker { left:46.5%; top:29.5%; width:3.4%; height:17.5%; }
.tris-box-resto { left:58.8%; top:38.2%; width:18.2%; height:31.4%; }
.tris-box-organica { left:76.5%; top:37.5%; width:21.5%; height:34.8%; }
.tris-box-bags { left:72.8%; top:68.4%; width:10.6%; height:8.2%; }
.tris-panel { position:absolute; left:22px; bottom:62px; width:min(340px, calc(100% - 44px)); z-index:5; border:1px solid rgba(255,255,255,.11); background:rgba(9,10,10,.68); backdrop-filter: blur(12px); box-shadow:0 18px 45px rgba(0,0,0,.32); }
.tris-panel-head { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.08); }
.tris-panel-head strong { font-size:13px; letter-spacing:-.02em; }
.tris-panel-head span { font:8px/1 monospace; color:rgba(255,255,255,.46); text-transform:uppercase; letter-spacing:.08em; }
.tris-list { display:grid; gap:0; }
.tris-list div { display:grid; grid-template-columns:62px 1fr auto; gap:12px; align-items:center; padding:11px 16px; border-top:1px solid rgba(255,255,255,.05); }
.tris-list div:first-child { border-top:0; }
.tris-list span { font:8px/1 monospace; text-transform:uppercase; letter-spacing:.08em; color:#ff8d47; }
.tris-list strong { font-size:12px; font-weight:500; }
.tris-list b { font:10px/1 monospace; color:rgba(255,255,255,.7); font-weight:400; }

.pando-visual { background: radial-gradient(circle at 52% 48%, rgba(17,152,156,.16), transparent 42%), linear-gradient(180deg,#071418,#0a0f11); }
.pando-mockup { position:relative; width:100%; height:100%; min-height:560px; display:grid; place-items:center; }
.pando-shell { width:min(92%, 760px); min-height:420px; display:grid; grid-template-columns:220px 1fr; border:1px solid rgba(255,255,255,.12); background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)); box-shadow:0 30px 80px rgba(0,0,0,.42); border-radius:24px; overflow:hidden; transform:perspective(1400px) rotateY(-8deg) rotateX(4deg); }
.pando-sidebar { padding:22px 18px; border-right:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.008)); display:flex; flex-direction:column; }
.pando-logo { display:flex; align-items:center; gap:10px; font-size:22px; letter-spacing:-.04em; margin-bottom:22px; }
.pando-sidebar nav { display:grid; gap:8px; }
.pando-sidebar nav span { font-size:12px; color:rgba(255,255,255,.58); padding:10px 12px; border:1px solid transparent; border-radius:12px; background:rgba(255,255,255,.02); }
.pando-sidebar nav span.active { color:white; border-color:rgba(102,255,220,.18); background:rgba(20,126,126,.18); }
.pando-sidecard { margin-top:auto; padding:16px; border:1px solid rgba(255,255,255,.08); border-radius:16px; background:rgba(0,0,0,.18); }
.pando-sidecard small { display:block; font:8px/1 monospace; text-transform:uppercase; letter-spacing:.08em; color:#7cf4df; }
.pando-sidecard strong { display:block; font-size:20px; margin:10px 0 8px; letter-spacing:-.04em; }
.pando-sidecard p { margin:0; color:rgba(255,255,255,.56); font-size:11px; line-height:1.45; }
.pando-main { display:flex; flex-direction:column; padding:20px; position:relative; }
.pando-toolbar { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px; }
.pando-pill { padding:7px 10px; border-radius:999px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); font:8px/1 monospace; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,255,255,.72); }
.pando-convo { display:grid; gap:14px; }
.pando-question { margin-left:12%; padding:14px 16px; border-radius:16px 16px 4px 16px; background:rgba(255,255,255,.06); font-size:12px; color:rgba(255,255,255,.9); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.pando-answer { padding:18px; border-radius:18px; background:linear-gradient(180deg, rgba(7,48,54,.68), rgba(9,24,27,.78)); border:1px solid rgba(102,255,220,.14); }
.pando-answer-head { margin-bottom:14px; }
.pando-answer-head strong { display:block; font-size:26px; letter-spacing:-.05em; margin-bottom:4px; }
.pando-answer-head span { color:#90f7e7; font-size:11px; }
.pando-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; }
.pando-grid article { padding:14px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); min-height:132px; }
.pando-grid small { display:block; font:8px/1 monospace; text-transform:uppercase; letter-spacing:.08em; color:#76f4d8; margin-bottom:10px; }
.pando-grid strong { display:block; font-size:18px; letter-spacing:-.04em; margin-bottom:8px; }
.pando-grid p { margin:0; font-size:11px; line-height:1.45; color:rgba(255,255,255,.58); }
.pando-sources { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.pando-sources span { padding:6px 8px; border:1px solid rgba(255,255,255,.08); font:8px/1 monospace; text-transform:uppercase; color:rgba(255,255,255,.7); }
.pando-composer { margin-top:auto; border:1px solid rgba(255,255,255,.09); border-radius:16px; padding:16px 18px; display:flex; justify-content:space-between; align-items:center; color:rgba(255,255,255,.42); font-size:12px; background:rgba(255,255,255,.02); }
.pando-composer b { font-size:18px; color:#7bf4de; font-weight:500; }
.pando-floating { position:absolute; z-index:3; padding:14px 16px; border:1px solid rgba(255,255,255,.1); background:rgba(4,9,10,.78); backdrop-filter:blur(12px); box-shadow:0 16px 36px rgba(0,0,0,.28); }
.pando-floating span { display:block; font:8px/1 monospace; text-transform:uppercase; letter-spacing:.08em; color:#76f4d8; margin-bottom:8px; }
.pando-floating strong { display:block; font-size:16px; letter-spacing:-.03em; }
.pando-floating-a { left:26px; top:80px; }
.pando-floating-b { right:24px; top:90px; }
.pando-floating-c { right:48px; bottom:42px; }

@media (max-width: 980px) {
  .desktop-nav { display:none; }
  .site-header { grid-template-columns:1fr 1fr; }
  .hero h1 em { white-space:normal; }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
  .stats-grid article:nth-child(2){border-right:0}.stats-grid article:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}
  .manifesto-grid { grid-template-columns:1fr;gap:34px; }
  .section-heading { align-items:start;flex-direction:column;gap:24px; }
  .case { grid-template-columns:1fr;min-height:0;padding-bottom:80px; }
  .case-topline { margin-bottom:0; }
  .case-visual { min-height:500px; }
  .journey-track { grid-template-columns:1fr; gap:0; margin:60px 0 90px; }
  .journey-track::before { left:5px;right:auto;top:0;bottom:0;width:1px;height:auto; }
  .journey-track article { padding:0 0 42px 42px; }
  .journey-dot{position:absolute;left:0;top:0;margin:0}.journey-track h3{margin:8px 0}.journey-year{display:block}.journey-track p{max-width:500px}
  .bio-card { grid-template-columns:1fr 1fr;gap:45px; }
  .pando-callout{max-width:180px}.pando-callout-b{top:84px}.pando-badge{min-width:150px}
  .heat-sidecard-a{left:20px;top:58px}.heat-sidecard-b{right:20px;bottom:120px}
  .system-center-badge{width:156px;min-height:156px}.system-ring-one{width:230px;height:230px}.system-ring-two{width:310px;height:310px}

  .pando-shell{width:min(94%, 720px);grid-template-columns:190px 1fr}.pando-grid{grid-template-columns:1fr}.pando-floating-a{left:18px;top:62px}.pando-floating-b{right:18px;top:76px}.pando-floating-c{right:30px;bottom:34px}
  .stage-a{left:24px;top:70px}.stage-b{right:24px;top:80px}.stage-c{right:24px;bottom:54px}.stage-d{left:24px;bottom:56px}
  .system-card{width:152px}
  .media-feature { grid-template-columns:1fr; }.media-feature-copy{min-height:260px}
}

@media (max-width: 700px) {
  :root { --gutter: 20px; --header-h: 68px; }
  .brand-name { display:none; }.header-cta{font-size:11px}.site-header{background:linear-gradient(rgba(0,0,0,.45),transparent)}
  .hero { align-items:center;padding-top:120px;padding-bottom:110px; }
  .hero-content { width:100%; }
  .hero h1 { font-size:clamp(58px,18vw,86px);line-height:.84; }
  .hero-copy { font-size:16px;margin-top:28px;max-width:93%; }
  .hero-meta { bottom:18px; }.hero-meta>div:first-child{display:none}.video-control{right:20px;top:82px}.video-control-text{display:none}.hero-grid{background-size:54px 54px}
  .stats-grid article { min-height:190px;padding-top:36px;padding-bottom:28px; }.stat-number{font-size:56px}.stats-grid p{font-size:11px;margin-top:24px}
  .manifesto-grid{padding-top:100px;padding-bottom:100px}.manifesto h2{font-size:clamp(48px,14vw,72px)}.manifesto-bottom{flex-direction:column;margin-top:44px;gap:20px}
  .work,.principles,.journey,.speaking{padding:90px 0}.section-heading{margin-bottom:48px}.section-heading h2{font-size:48px}
  .case { gap:36px;padding-top:34px;padding-bottom:70px; }.case h3{font-size:56px}.case-visual{min-height:410px}.case-metrics{gap:24px}.case-metrics strong{font-size:28px}
  .detection-a{width:140px;height:120px}.detection-b{width:90px;height:80px}.wrist-core{width:180px;min-height:120px}.wrist-core strong{font-size:48px}.band{width:76px;height:22px}.heat-sidecard{min-width:132px;padding:12px}.heat-sidecard strong{font-size:16px}
  .principle-list li{grid-template-columns:48px 1fr;padding:24px 0}.principle-list p{font-size:34px}.principle-list li>span{padding-top:7px}
  .bio-card{grid-template-columns:1fr;padding-top:60px}.bio-copy h3{font-size:54px}
  .vision-chip{font-size:7px;padding:7px 8px}.tris-stage{min-height:410px}.tris-panel{left:14px;right:14px;width:auto;bottom:48px}.tris-list div{grid-template-columns:44px 1fr auto;gap:8px;padding:9px 12px}.tris-box span,.tris-box b{font-size:7px;padding:3px 4px}
  .pando-shell{transform:none;width:100%;min-height:0;grid-template-columns:1fr}.pando-sidebar{display:none}.pando-main{padding:16px}.pando-grid{grid-template-columns:1fr}.pando-answer-head strong{font-size:22px}.pando-question{margin-left:0}.pando-floating{display:none}
  .wristband-unit{transform:none}.heat-aura{width:240px;height:240px}.heat-sidecard-a{left:16px;top:18px}.heat-sidecard-b{right:16px;bottom:112px}.heat-timeline{left:16px;right:16px;bottom:74px}.heat-data{left:16px;right:16px;bottom:18px}
  .system-center-badge{width:138px;min-height:138px}.system-center-badge strong{font-size:20px}.system-ring-one{width:190px;height:190px}.system-ring-two{width:260px;height:260px}.system-chip{font-size:7px;padding:7px 8px}.system-chip-a{left:18px;top:18px}.system-chip-b{right:18px;top:18px}.system-chip-c{right:18px;bottom:18px}.system-chip-d{left:18px;bottom:18px}.system-card{width:124px;min-height:84px;padding:10px}.system-card strong{font-size:16px}.system-card small{font-size:9px}.stage-a{left:14px;top:62px}.stage-b{right:14px;top:62px}.stage-c{right:14px;bottom:54px}.stage-d{left:14px;bottom:54px}
  .selected-grid{grid-template-columns:1fr}.selected-card{min-height:220px}.archive-links a{grid-template-columns:78px 1fr auto;gap:10px}.archive-links span{font-size:8px}
  .contact{min-height:75svh}.contact h2{font-size:clamp(68px,20vw,100px)}.orbit-one{width:440px;height:440px}.orbit-two{width:680px;height:680px}
  .footer-inner{grid-template-columns:1fr 1fr;gap:24px;padding:30px 0}.footer-links{justify-content:flex-end}.footer-inner>span{grid-column:1/-1;text-align:left}
}

@media (pointer: coarse) { .cursor-light { display:none; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
  [data-reveal] { opacity:1;transform:none; }
}

/* =========================
   V5 — scale, crop and polish
   ========================= */
:root { --max: 1160px; }

/* Global scale: more editorial, less oversized */
.hero h1 { font-size: clamp(58px, 8vw, 128px); max-width: 1040px; }
.stat-number { font-size: clamp(50px, 5.2vw, 80px); }
.manifesto h2 { max-width: 930px; font-size: clamp(48px, 6.2vw, 94px); }
.section-heading h2 { font-size: clamp(40px, 4.5vw, 64px); }
.case { grid-template-columns: minmax(0,.92fr) minmax(420px,1.08fr); min-height:0; gap:clamp(42px,6vw,78px); padding:42px 0 72px; }
.case h3 { font-size: clamp(44px, 4.9vw, 68px); }
.case-copy > p { max-width:500px; }
.case-metrics { margin:32px 0 30px; }
.case-metrics strong { font-size:29px; }
.case-visual { width:100%; max-width:650px; min-height:0; aspect-ratio:4/3; justify-self:end; border-radius:14px; }

/* TrisTrash: show the complete frame, never crop/zoom it */
.vision-visual { aspect-ratio:1275/720; max-width:700px; background:#090909; }
.tris-stage { min-height:0; height:100%; aspect-ratio:1275/720; }
.tris-stage > img { object-fit:contain; object-position:center; background:#090909; }
.tris-panel { width:300px; left:16px; bottom:48px; }
.tris-panel-head { padding:11px 13px; }
.tris-list div { padding:8px 13px; grid-template-columns:54px 1fr auto; gap:9px; }
.tris-list strong { font-size:11px; }
.tris-box { border-width:1.5px; }
.tris-box span, .tris-box b { top:-20px; font-size:7px; padding:3px 5px; }
.vision-chip { padding:6px 8px; font-size:7px; }
.hud-top, .hud-bottom { left:16px; right:16px; }
.hud-top { top:14px; }
.hud-bottom { bottom:14px; }

/* Pando: compact product mockup */
.pando-visual { aspect-ratio:16/10; max-width:680px; }
.pando-mockup { min-height:0; height:100%; padding:26px; }
.pando-shell { width:100%; min-height:0; height:100%; grid-template-columns:170px 1fr; border-radius:20px; transform:none; }
.pando-sidebar { padding:16px 14px; }
.pando-logo { font-size:18px; margin-bottom:16px; }
.pando-sidebar nav span { font-size:10px; padding:8px 9px; border-radius:9px; }
.pando-sidecard { padding:12px; border-radius:12px; }
.pando-sidecard strong { font-size:16px; margin:7px 0 6px; }
.pando-sidecard p { font-size:9px; }
.pando-main { padding:15px; }
.pando-toolbar { margin-bottom:12px; }
.pando-pill { padding:5px 7px; font-size:7px; }
.pando-convo { gap:10px; }
.pando-question { padding:10px 12px; font-size:10px; border-radius:12px 12px 4px 12px; }
.pando-answer { padding:13px; border-radius:14px; }
.pando-answer-head { margin-bottom:10px; }
.pando-answer-head strong { font-size:20px; }
.pando-answer-head span { font-size:9px; }
.pando-grid { gap:7px; }
.pando-grid article { padding:10px; min-height:96px; }
.pando-grid strong { font-size:14px; }
.pando-grid p { font-size:9px; line-height:1.35; }
.pando-sources { margin-top:10px; gap:5px; }
.pando-sources span { padding:4px 6px; font-size:7px; }
.pando-composer { padding:11px 12px; border-radius:11px; font-size:10px; }
.pando-floating { padding:10px 12px; }
.pando-floating strong { font-size:13px; }
.pando-floating-a { left:8px; top:52px; }
.pando-floating-b { right:8px; top:48px; }
.pando-floating-c { right:18px; bottom:14px; }

/* Heat wearable: make it feel like a product panel, not a giant object */
.heat-visual { max-width:620px; }
.heat-aura { width:240px; height:240px; }
.wrist-core { width:190px; min-height:122px; border-radius:26px; }
.wrist-core::before { inset:10px; border-radius:19px; }
.wrist-core strong { font-size:52px; }
.band { width:82px; height:22px; }
.heat-sidecard { min-width:140px; padding:11px 12px; }
.heat-sidecard strong { font-size:17px; }
.heat-sidecard small { font-size:9px; }
.heat-sidecard-a { left:18px; top:52px; }
.heat-sidecard-b { right:18px; bottom:102px; }
.heat-timeline { left:18px; right:18px; bottom:63px; }
.heat-data { left:18px; right:18px; bottom:16px; }

/* Innovation OS: cleaner and calmer */
.system-visual-v5 { max-width:620px; aspect-ratio:4/3; background:radial-gradient(circle at 50% 46%, rgba(255,91,34,.12), transparent 34%), #090909; }
.innovation-grid-bg { position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:42px 42px; mask-image:radial-gradient(circle at center,black 30%,transparent 78%); }
.innovation-orbit { position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); border:1px solid rgba(255,255,255,.08); border-radius:50%; }
.orbit-a { width:220px; height:220px; animation:spin 24s linear infinite; }
.orbit-b { width:310px; height:310px; border-style:dashed; opacity:.65; animation:spin 34s linear infinite reverse; }
.innovation-core { position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); width:158px; height:158px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(12,12,12,.9); border:1px solid rgba(255,91,34,.34); box-shadow:0 0 60px rgba(255,91,34,.12); z-index:3; }
.innovation-core span,.innovation-core small { font:7px/1.2 monospace; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.46); }
.innovation-core strong { font-size:21px; letter-spacing:-.045em; margin:7px 0; }
.innovation-signal { position:absolute; min-width:126px; padding:10px 11px; border:1px solid rgba(255,255,255,.1); background:rgba(8,8,8,.76); backdrop-filter:blur(9px); z-index:4; }
.innovation-signal b { color:var(--accent); font:7px/1 monospace; font-weight:400; }
.innovation-signal span { display:block; font-size:14px; font-weight:600; margin:5px 0 3px; letter-spacing:-.03em; }
.innovation-signal small { display:block; color:rgba(255,255,255,.45); font-size:8px; }
.signal-a { left:28px; top:48px; }
.signal-b { right:28px; top:64px; }
.signal-c { right:34px; bottom:78px; }
.signal-d { left:34px; bottom:74px; }
.innovation-loop { position:absolute; left:28px; right:28px; bottom:20px; display:flex; align-items:center; gap:8px; font:7px/1 monospace; letter-spacing:.08em; color:rgba(255,255,255,.42); z-index:4; }
.innovation-loop i { flex:1; height:1px; background:rgba(255,255,255,.12); position:relative; overflow:hidden; }
.innovation-loop i::after { content:""; position:absolute; inset:0; background:var(--accent); transform:translateX(-100%); animation:lineSweep 4.2s ease-in-out infinite; }
.innovation-loop i:nth-of-type(2)::after { animation-delay:.7s; }
.innovation-loop i:nth-of-type(3)::after { animation-delay:1.4s; }
.innovation-loop i:nth-of-type(4)::after { animation-delay:2.1s; }

/* About: show the real photo naturally and much smaller */
.bio-card { grid-template-columns:minmax(250px,360px) minmax(0,1fr); gap:clamp(52px,7vw,92px); align-items:center; max-width:1040px; margin-inline:auto; }
.bio-card figure { width:100%; max-width:350px; justify-self:center; padding:10px; border-radius:14px; }
.bio-card img { width:100%; height:auto; aspect-ratio:auto; max-height:500px; object-fit:contain; object-position:center; border-radius:8px; }
.bio-card figcaption { left:20px; bottom:10px; }
.bio-copy h3 { font-size:clamp(38px,4.5vw,62px); }
.bio-copy p { max-width:560px; }

/* Reduce some vertical excess */
.stats-grid article { min-height:220px; padding-top:48px; padding-bottom:36px; }
.manifesto-grid { padding-top:clamp(90px,10vw,135px); padding-bottom:clamp(90px,10vw,135px); }
.work,.principles,.journey,.speaking { padding:clamp(86px,8vw,120px) 0; }
.journey-track { margin:64px 0 92px; }
.media-feature { min-height:360px; }
.selected-card { min-height:250px; }

@media (max-width:980px) {
  .case { grid-template-columns:1fr; gap:34px; }
  .case-visual { justify-self:center; max-width:720px; }
  .vision-visual,.pando-visual { max-width:720px; }
  .bio-card { grid-template-columns:minmax(240px,320px) 1fr; max-width:900px; }
  .bio-card figure { max-width:310px; }
  .pando-mockup { padding:20px; }
  .pando-shell { grid-template-columns:150px 1fr; }
  .pando-grid { grid-template-columns:repeat(3,1fr); }
  .pando-floating { display:none; }
}

@media (max-width:700px) {
  .hero h1 { font-size:clamp(52px,16vw,76px); }
  .section-heading h2 { font-size:42px; }
  .case h3 { font-size:50px; }
  .case-visual { aspect-ratio:4/3; border-radius:12px; }
  .vision-visual { aspect-ratio:1275/720; }
  .tris-panel { display:none; }
  .tris-box span { display:none; }
  .tris-box b { top:-16px; font-size:6px; }
  .pando-visual { aspect-ratio:auto; }
  .pando-mockup { min-height:390px; padding:14px; }
  .pando-shell { grid-template-columns:1fr; height:auto; min-height:360px; }
  .pando-sidebar { display:none; }
  .pando-main { min-height:360px; }
  .pando-grid { grid-template-columns:1fr; }
  .pando-grid article:nth-child(3) { display:none; }
  .heat-sidecard { transform:scale(.9); }
  .heat-sidecard-a { left:8px; top:26px; transform-origin:left top; }
  .heat-sidecard-b { right:8px; bottom:86px; transform-origin:right bottom; }
  .wrist-core { width:160px; min-height:108px; }
  .wrist-core strong { font-size:44px; }
  .band { width:58px; }
  .innovation-orbit.orbit-b { width:250px; height:250px; }
  .innovation-orbit.orbit-a { width:180px; height:180px; }
  .innovation-core { width:132px; height:132px; }
  .innovation-core strong { font-size:18px; }
  .innovation-signal { min-width:104px; padding:8px; }
  .innovation-signal span { font-size:12px; }
  .signal-a { left:10px; top:28px; }.signal-b { right:10px; top:38px; }.signal-c { right:12px; bottom:64px; }.signal-d { left:12px; bottom:60px; }
  .innovation-loop { left:14px; right:14px; bottom:14px; gap:5px; }
  .bio-card { grid-template-columns:1fr; gap:36px; }
  .bio-card figure { max-width:300px; }
  .bio-card img { max-height:none; }
  .bio-copy h3 { font-size:48px; }
}

/* =========================
   V6 — fix proportions + stable visuals
   ========================= */

/* Force cleaner case-study composition */
.case { align-items:center; }
.case-copy { padding-top: 6px; }
.case-visual { box-shadow: 0 24px 60px rgba(0,0,0,.22); }

/* TrisTrash — stronger and cleaner overlay */
.vision-visual { background:#080808; }
.tris-stage { background:#080808; }
.tris-stage > img { background:#080808; }
.tris-overlay { background:linear-gradient(180deg, rgba(7,7,7,.08), rgba(7,7,7,.02) 35%, rgba(7,7,7,.28)), linear-gradient(90deg, rgba(0,0,0,.16), transparent 28%, transparent 72%, rgba(0,0,0,.24)); }
.tris-panel { background:rgba(6,6,6,.88); backdrop-filter: blur(14px); border-color: rgba(255,255,255,.09); border-radius:12px; overflow:hidden; }
.tris-panel-head strong { font-size:12px; }
.tris-list strong { font-size:10px; line-height:1.2; }
.tris-list b { font-size:9px; }
.tris-box span, .tris-box b { border-radius: 4px; }

/* Pando — use real UI screenshot inside a polished frame */
.pando-visual-v6 { background: radial-gradient(circle at 50% 35%, rgba(17,152,156,.16), transparent 44%), linear-gradient(180deg, #071418, #090d10); }
.pando-visual-v6 .pando-frame { position:relative; width:100%; height:100%; border-radius:18px; overflow:hidden; background:#081418; border:1px solid rgba(255,255,255,.08); }
.pando-browserbar { position:absolute; left:0; right:0; top:0; z-index:4; height:40px; display:flex; align-items:center; gap:8px; padding:0 14px; background:linear-gradient(180deg, rgba(4,16,20,.96), rgba(4,16,20,.74)); border-bottom:1px solid rgba(255,255,255,.08); }
.pando-browserbar span { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.28); }
.pando-browserbar span:nth-child(1) { background:#ff6b5a; }
.pando-browserbar span:nth-child(2) { background:#f4bf4f; }
.pando-browserbar span:nth-child(3) { background:#5edb74; }
.pando-browserbar b { margin-left:8px; font:10px/1 monospace; color:rgba(255,255,255,.68); letter-spacing:.05em; text-transform:uppercase; }
.pando-shot { position:absolute; inset:40px 0 0 0; width:100%; height:calc(100% - 40px); object-fit:cover; object-position:center top; filter:saturate(.92) contrast(1.02); }
.pando-overlay { position:absolute; inset:40px 0 0 0; background:linear-gradient(180deg, rgba(3,11,14,.10), transparent 35%, rgba(3,11,14,.18) 70%, rgba(3,11,14,.45)); }
.pando-callout-card { position:absolute; z-index:5; max-width:220px; padding:12px 13px; border-radius:12px; border:1px solid rgba(255,255,255,.10); background:rgba(5,12,14,.82); backdrop-filter: blur(14px); box-shadow:0 18px 34px rgba(0,0,0,.28); }
.pando-callout-card small { display:block; font:8px/1 monospace; text-transform:uppercase; letter-spacing:.08em; color:#7cf4df; margin-bottom:8px; }
.pando-callout-card strong { display:block; font-size:15px; letter-spacing:-.03em; margin-bottom:6px; }
.pando-callout-card p { margin:0; color:rgba(255,255,255,.60); font-size:10px; line-height:1.42; }
.pando-card-a { left:18px; bottom:18px; }
.pando-card-b { right:18px; top:58px; }
.pando-mini-stats { position:absolute; left:18px; right:18px; top:56px; z-index:5; display:flex; gap:8px; flex-wrap:wrap; }
.pando-mini-stats span { padding:6px 8px; border-radius:999px; border:1px solid rgba(255,255,255,.10); background:rgba(5,12,14,.68); font:8px/1 monospace; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,255,255,.74); }

/* Innovation OS — ensure it reads as a diagram, not loose text */
.system-visual-v5 { overflow:hidden; border-radius:14px; }
.innovation-core { border-radius:22px; width:172px; height:172px; }
.innovation-core strong { font-size:22px; line-height:1.05; text-align:center; max-width:120px; }
.innovation-signal { border-radius:12px; }
.innovation-loop { font-size:8px; }

/* About — smaller, cleaner photo block */
.bio-card { align-items:start; }
.bio-card figure { align-self:start; max-width:280px; background:rgba(255,255,255,.02); }
.bio-card img { width:100%; max-height:none; object-fit:cover; object-position:center top; border-radius:10px; }
.bio-copy { padding-top: 18px; }
.bio-copy p { font-size:15px; line-height:1.75; }

@media (max-width: 980px) {
  .pando-card-b { right:12px; top:52px; }
  .pando-card-a { left:12px; bottom:12px; }
  .pando-callout-card { max-width:200px; }
  .bio-card figure { max-width:250px; }
}

@media (max-width: 700px) {
  .tris-panel { display:block; width:auto; left:10px; right:10px; bottom:10px; }
  .tris-list div:nth-child(4) { display:none; }
  .pando-browserbar { height:34px; padding:0 10px; }
  .pando-shot, .pando-overlay { inset:34px 0 0 0; height:calc(100% - 34px); }
  .pando-mini-stats { top:42px; left:10px; right:10px; gap:6px; }
  .pando-mini-stats span:nth-child(3) { display:none; }
  .pando-callout-card { max-width:160px; padding:9px 10px; }
  .pando-callout-card strong { font-size:13px; }
  .pando-callout-card p { font-size:9px; }
  .pando-card-a { left:10px; bottom:10px; }
  .pando-card-b { right:10px; top:auto; bottom:10px; display:none; }
  .system-visual-v5 { aspect-ratio: 1 / 1; }
  .innovation-core { width:128px; height:128px; border-radius:18px; }
  .innovation-core strong { font-size:17px; max-width:96px; }
  .bio-card figure { max-width:240px; }
}