:root {
  --ink: #101318;
  --muted: #5f6874;
  --paper: #f7f7f2;
  --panel: rgba(255, 255, 255, .56);
  --line: rgba(16, 19, 24, .14);
  --blue: #3367ff;
  --cyan: #7de7dd;
  --lavender: #b8b8ff;
  --shadow: 0 24px 70px rgba(41, 70, 128, .13);
  --sky-top: #a9d3ff;
  --sky-mid: #dcecff;
  --sky-base: #f7f7f2;
  --orb-one: rgba(255,255,255,.86);
  --orb-two: rgba(42,142,255,.48);
  --orb-three: rgba(183,235,255,.72);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "Manrope", sans-serif; -webkit-font-smoothing: antialiased; }
button, a { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
::selection { background: var(--ink); color: white; }

.sky { position: fixed; inset: 0; z-index: -1; overflow: hidden; background: linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 29%, var(--sky-base) 60%); transition: background 650ms ease, filter .4s ease; }
.sky::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 49.8%, rgba(255,255,255,.22) 50%, transparent 50.2%), linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px); background-size: 100% 100%, 100% 80px; mask-image: linear-gradient(#000, transparent 52%); }
.orb { position: absolute; display: block; border-radius: 50%; filter: blur(34px); opacity: .72; }
.orb-a { width: 42vw; height: 42vw; left: -18vw; top: 5vh; background: var(--orb-one); transition: background 650ms ease; }
.orb-b { width: 32vw; height: 32vw; right: -8vw; top: 10vh; background: var(--orb-two); transition: background 650ms ease; }
.orb-c { width: 22vw; height: 22vw; left: 49%; top: 23vh; background: var(--orb-three); transition: background 650ms ease; }
.grain { position: absolute; inset: 0; opacity: .18; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E"); }

.shell { width: min(1040px, calc(100% - 40px)); margin: 0 auto; }
.topbar { height: 128px; display: flex; align-items: center; justify-content: space-between; }
.monogram { font-family: "Newsreader", serif; font-size: 42px; font-style: italic; font-weight: 500; letter-spacing: -3px; }
.monogram span, .period { color: var(--blue); }
.utility-nav { position:relative; z-index:8; display: flex; gap: 8px; }
.time-theme-control { position: relative; width: 40px; height: 40px; z-index: 4; }
.time-theme-panel { position: absolute; right: 0; top: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: flex-end; overflow: hidden; border-radius: 12px; background: rgba(255,255,255,.48); border: 1px solid rgba(255,255,255,.62); box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 10px 28px rgba(29,61,115,.08); backdrop-filter: blur(16px); transition: width .32s cubic-bezier(.2,.8,.2,1), background .2s ease; }
.time-theme-control:hover .time-theme-panel, .time-theme-control:focus-within .time-theme-panel, .time-theme-control.open .time-theme-panel { width: 238px; background: rgba(255,255,255,.72); }
.time-theme-body { width: 198px; flex: 0 0 198px; display: flex; align-items: center; gap: 10px; padding: 0 10px 0 14px; opacity: 0; transform: translateX(12px); transition: opacity .18s ease, transform .26s ease; }
.time-theme-control:hover .time-theme-body, .time-theme-control:focus-within .time-theme-body, .time-theme-control.open .time-theme-body { opacity: 1; transform: none; transition-delay: .06s; }
.time-theme-body output { width: 40px; flex: 0 0 40px; text-align: right; font: 500 11px "DM Mono", monospace; }
.time-theme-body input { width: 128px; accent-color: var(--blue); cursor: ew-resize; }
.time-button { flex: 0 0 40px; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; }
.icon-button { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.62); border-radius: 12px; background: rgba(255,255,255,.42); box-shadow: inset 0 1px 0 rgba(255,255,255,.6); cursor: pointer; backdrop-filter: blur(12px); transition: transform .2s ease, background .2s ease; }
.icon-button:hover { transform: translateY(-2px) rotate(-2deg); background: rgba(255,255,255,.72); }
.icon-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.preview-link { position:relative; }
.link-preview { position:absolute; top:52px; right:0; z-index:12; width:244px; overflow:hidden; border:1px solid rgba(255,255,255,.32); border-radius:16px; color:white; background:#101725; box-shadow:0 24px 70px rgba(20,35,70,.28); opacity:0; visibility:hidden; transform:translateY(-6px) scale(.98); transform-origin:top right; pointer-events:none; transition:opacity .18s ease,visibility .18s ease,transform .22s ease; }
.preview-link:hover .link-preview,.preview-link:focus-visible .link-preview,.preview-link:focus-within .link-preview { opacity:1; visibility:visible; transform:none; }
.preview-browser { height:32px; display:flex; align-items:center; gap:5px; padding:0 10px; border-bottom:1px solid rgba(255,255,255,.12); background:rgba(6,10,18,.45); }.preview-browser i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.48)}.preview-browser b{margin-left:auto;font:400 8px "DM Mono";letter-spacing:.06em;color:rgba(255,255,255,.6)}
.preview-scene { min-height:146px; position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; padding:18px; overflow:hidden; isolation:isolate; }.preview-scene::before,.preview-scene::after{content:"";position:absolute;border-radius:50%;filter:blur(10px);z-index:-1}.preview-scene::before{width:150px;height:150px;right:-48px;top:-62px;background:rgba(255,255,255,.18)}.preview-scene::after{width:110px;height:110px;left:-45px;bottom:-56px;background:rgba(255,255,255,.12)}
.preview-scene strong{font-size:17px;letter-spacing:-.03em}.preview-scene small{max-width:180px;margin-top:4px;font-size:9px;line-height:1.45;color:rgba(255,255,255,.68)}.preview-avatar{width:38px;height:38px;display:grid;place-items:center;margin-bottom:14px;border:1px solid rgba(255,255,255,.34);border-radius:50%;font:500 10px "DM Mono";background:rgba(255,255,255,.15)}.preview-cta{margin-top:16px;font:500 8px "DM Mono";letter-spacing:.09em}
.preview-instagram .preview-scene{background:linear-gradient(145deg,#642f9e,#d43c78 54%,#f4a042)}.preview-facebook .preview-scene{background:linear-gradient(145deg,#6ba6ff,#1877f2 55%,#0d47a1)}.preview-linkedin .preview-scene{background:linear-gradient(145deg,#56a9cf,#0a66c2 58%,#073c73)}.preview-github .preview-scene{background:linear-gradient(145deg,#3b4454,#171b22 58%,#090b10)}.preview-resume .preview-scene{background:linear-gradient(145deg,#77bf9c,#2f8f68 58%,#185a42)}
.preview-document{width:76px;height:66px;position:absolute;right:16px;top:14px;padding:10px;border-radius:6px;color:#17202b;background:white;box-shadow:0 14px 30px rgba(0,0,0,.17);transform:rotate(4deg)}.preview-document b{display:block;font:600 7px "DM Mono"}.preview-document i{display:block;height:2px;margin-top:7px;background:#b5bec8}.preview-document i:nth-child(3){width:76%}.preview-document i:nth-child(4){width:88%}

.hero { min-height: 560px; padding: 72px 0 90px; max-width: 860px; }
.eyebrow, .section-kicker, .project-meta, .future-number, .demo-pill, .footer-bottom, .mini-label { font-family: "DM Mono", monospace; font-size: 11px; letter-spacing: .12em; }
.eyebrow { margin: 0 0 20px; color: var(--blue); }
h1 { font-size: clamp(44px, 6vw, 74px); line-height: 1.02; letter-spacing: -.05em; margin: 0 0 26px; font-weight: 600; }
.hero-copy { max-width: 850px; margin: 0; font-size: clamp(19px, 2.5vw, 30px); line-height: 1.42; letter-spacing: -.025em; font-weight: 400; }
.hero-copy em { font-family: "Newsreader", serif; font-weight: 500; }
.hero-copy strong { font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; text-decoration-color: rgba(51,103,255,.48); }
.spark { color: var(--blue); display: inline-block; }
.flower { color: #159d8f; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.button { min-height: 48px; border-radius: 999px; padding: 0 20px; display: inline-flex; gap: 15px; align-items: center; justify-content: center; border: 1px solid var(--line); cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(38,67,121,.15); }
.button-primary { color: white; background: var(--ink); border-color: var(--ink); }
.button-ghost { background: rgba(255,255,255,.48); backdrop-filter: blur(12px); }
.status-line { margin-top: 24px; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; }
.status-dot, .live-dot { width: 7px; height: 7px; border-radius: 50%; background: #28a68f; box-shadow: 0 0 0 4px rgba(40,166,143,.13); }
.language-switcher { display:flex;align-items:center;gap:8px;width:max-content;margin-bottom:18px;color:var(--muted);font:500 10px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase; }
.language-option { position:relative;padding:4px 2px;border:0;color:inherit;background:transparent;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:color .2s ease; }
.language-option::after { content:"";position:absolute;left:2px;right:2px;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease; }
.language-option:hover,.language-option:focus-visible,.language-option.active { color:var(--ink); }
.language-option.active::after { transform:scaleX(1); }
.language-option:focus-visible { outline:2px solid var(--blue);outline-offset:4px;border-radius:2px; }
html[lang="zh-CN"] body { font-family:"Manrope","Noto Sans SC","Microsoft YaHei",sans-serif; }
html[lang="zh-CN"] .hero-copy { max-width:820px; }

.section { padding: 96px 0; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 34px; }
.section-kicker { margin: 0 0 10px; color: var(--blue); }
h2 { font-size: clamp(34px, 5vw, 58px); letter-spacing: -.05em; line-height: 1; margin: 0; font-weight: 600; }
.section-note { font-size: 12px; line-height: 1.45; text-align: right; color: var(--muted); }

.project-browser { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.project-entry { min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.72); border-radius:26px; background:rgba(255,255,255,.44); transition:background .25s ease,box-shadow .25s ease; backdrop-filter:blur(16px); }
.project-entry[open] { grid-column:1/-1; background:rgba(255,255,255,.58); box-shadow:var(--shadow); }
.project-entry summary { list-style:none; display:grid; grid-template-columns:1fr; padding:10px; cursor:pointer; }.project-entry summary::-webkit-details-marker{display:none}.project-entry[open] summary{grid-template-columns:1.08fr .92fr;border-bottom:1px solid var(--line)}
.project-entry.featured-wide { grid-column:1/-1; }
.project-entry.featured-wide>summary { grid-template-columns:1.08fr .92fr; }
.project-preview { min-height:245px; position:relative; display:block; overflow:hidden; border-radius:19px; isolation:isolate; }
.project-preview-bar { height:34px; display:flex; align-items:center; gap:5px; padding:0 12px; border-bottom:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.72); }.project-preview-bar>i{width:6px;height:6px;border-radius:50%;background:currentColor}.project-preview-bar>b{margin-left:auto;font:400 8px "DM Mono";letter-spacing:.1em}
.project-teaser { min-height:240px; display:flex; flex-direction:column; padding:24px 22px 18px; }
.project-meta { display:flex;justify-content:space-between;font:500 9px "DM Mono";letter-spacing:.09em;color:var(--blue)}
.project-name { display:block;margin:28px 0 12px;font-size:38px;letter-spacing:-.055em;line-height:1 }.project-description{color:var(--muted);font-size:13px;line-height:1.65}
.tag-row { display:flex;flex-wrap:wrap;gap:6px;margin-top:18px }.tag-row>span{border:1px solid var(--line);border-radius:99px;padding:6px 9px;font-size:9px}
.project-open { display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:22px;font-size:11px;font-weight:600 }.project-open b{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:20px;font-weight:300;transition:transform .25s ease,background .2s ease}.project-entry[open] .project-open b{transform:rotate(45deg);background:var(--ink);color:var(--paper)}
.project-detail { display:grid;grid-template-columns:1.15fr .85fr;gap:36px;padding:30px }
.project-narrative h4{max-width:620px;margin:26px 0 16px;font-size:clamp(28px,4vw,46px);line-height:1.04;letter-spacing:-.05em}.project-narrative>p:not(.mini-label){max-width:650px;margin:0;color:var(--muted);font-size:13px;line-height:1.75}.project-highlights{margin:26px 0 0;padding:22px 0 0 18px;border-top:1px solid var(--line);font-size:12px;line-height:1.6}.project-highlights li+li{margin-top:8px}
.project-spec { padding-left:28px;border-left:1px solid var(--line) }.project-spec dl{margin:0}.project-spec dl>div{display:grid;grid-template-columns:74px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.project-spec dt{font:400 9px "DM Mono";letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.project-spec dd{margin:0;font-size:12px;line-height:1.5}.project-spec dd .live-dot,.project-spec dd .status-dot{display:inline-block;margin-right:7px}.status-dot-building{width:6px;height:6px;border-radius:50%;background:#f0a34a;box-shadow:0 0 0 4px rgba(240,163,74,.13)}
.project-detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.project-detail-actions .button{min-height:44px;font-size:11px}.button-disabled{cursor:default;opacity:.58;pointer-events:none}
.omnigaze-preview { color:white;background:radial-gradient(circle at 68% 27%,rgba(125,231,221,.32),transparent 24%),linear-gradient(145deg,#0e1423,#182c5c 62%,#2430a0) }.omnigaze-layout{height:calc(100% - 34px);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:9px;padding:10px}.omnigaze-layout>span{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.06)}.omnigaze-layout small,.afterglow-preview small{font:400 7px "DM Mono";letter-spacing:.1em}.omnigaze-metric strong{margin-top:13px;font-size:28px;letter-spacing:-.06em}.mini-bars{height:44px;display:flex;align-items:flex-end;gap:5px;margin-top:auto}.mini-bars i{flex:1;border-radius:2px 2px 0 0;background:linear-gradient(#7de7dd,rgba(125,231,221,.1))}.mini-bars i:nth-child(1){height:25%}.mini-bars i:nth-child(2){height:43%}.mini-bars i:nth-child(3){height:36%}.mini-bars i:nth-child(4){height:62%}.mini-bars i:nth-child(5){height:77%}.mini-bars i:nth-child(6){height:95%}.omnigaze-orbit{grid-row:span 2;display:grid!important;place-items:center}.omnigaze-orbit i{position:absolute;border:1px solid rgba(125,231,221,.38);border-radius:50%}.omnigaze-orbit i:first-child{width:68%;aspect-ratio:1}.omnigaze-orbit i:nth-child(2){width:37%;aspect-ratio:1}.omnigaze-orbit b{width:7px;height:7px;border-radius:50%;background:#7de7dd;box-shadow:55px 35px 0 #7de7dd,-42px -28px 0 #7de7dd}.omnigaze-orbit em{position:absolute;width:46%;height:46%;left:50%;top:50%;transform-origin:0 0;background:conic-gradient(rgba(125,231,221,.35),transparent 28%);animation:sweep 5s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.omnigaze-feed>span{display:flex;gap:10px;margin-top:9px;font-size:8px;color:rgba(255,255,255,.78)}.omnigaze-feed b{font:400 8px "DM Mono";color:#7de7dd}
.afterglow-preview { color:#302333;background:linear-gradient(165deg,#8379bb 0%,#de8299 38%,#f8a875 66%,#ffd08a 100%) }.afterglow-preview::before{content:"";position:absolute;inset:34px 0 0;background:radial-gradient(circle at 67% 42%,rgba(255,241,185,.9),transparent 12%),linear-gradient(transparent 61%,rgba(61,49,91,.28) 62%,rgba(35,36,69,.55) 100%);z-index:-1}.afterglow-sun{position:absolute;width:56px;height:56px;right:19%;top:31%;border-radius:50%;background:#ffe7aa;box-shadow:0 0 50px rgba(255,224,153,.75)}.afterglow-horizon{position:absolute;left:-5%;right:-5%;bottom:22%;height:25%;border-radius:50% 50% 0 0;background:linear-gradient(rgba(79,57,93,.1),#383451);clip-path:polygon(0 64%,13% 49%,25% 68%,39% 33%,51% 62%,66% 40%,80% 68%,100% 42%,100% 100%,0 100%)}.afterglow-score,.afterglow-window{position:absolute;display:flex;flex-direction:column;padding:12px 14px;border:1px solid rgba(255,255,255,.38);border-radius:13px;background:rgba(255,255,255,.22);backdrop-filter:blur(12px)}.afterglow-score{left:14px;top:50px}.afterglow-score strong{font-size:36px;line-height:1;letter-spacing:-.06em}.afterglow-score em{font-size:8px;font-style:normal}.afterglow-window{right:14px;bottom:50px}.afterglow-window strong{margin-top:5px;font-size:11px}.afterglow-palette{position:absolute;left:14px;bottom:14px;display:flex;gap:5px}.afterglow-palette i{width:30px;height:12px;border-radius:99px}.afterglow-palette i:nth-child(1){background:#ffb06c}.afterglow-palette i:nth-child(2){background:#ef7f78}.afterglow-palette i:nth-child(3){background:#d7638c}.afterglow-palette i:nth-child(4){background:#9a6caf}.afterglow-palette i:nth-child(5){background:#514b85}
.afterglow-window em{margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.28);font:600 7px "DM Mono";font-style:normal;letter-spacing:.07em;color:#463658}
.courtvision-preview { color:#f7f1e7;background:radial-gradient(circle at 72% 30%,rgba(45,222,218,.16),transparent 27%),linear-gradient(145deg,#07111d,#0a2030 58%,#103847); }
.featured-wide .project-teaser { min-height:300px; }
.courtvision-preview::before { content:"";position:absolute;inset:34px 0 0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;z-index:-2; }
.courtvision-preview small { font:400 7px "DM Mono";letter-spacing:.1em;color:rgba(247,241,231,.62); }
.court-scoreboard { position:absolute;left:18px;top:54px;display:flex;flex-direction:column;gap:9px; }
.court-scoreboard>span { display:grid;grid-template-columns:auto 36px 10px 36px auto;align-items:center;gap:7px; }
.court-scoreboard b { font:500 8px "DM Mono";letter-spacing:.08em;color:rgba(247,241,231,.7); }
.court-scoreboard strong { font-size:29px;line-height:1;letter-spacing:-.06em; }
.court-scoreboard i { font-style:normal;color:#ff765f; }
.court-floor { position:absolute;left:35%;right:18%;top:55px;bottom:22px;border:1px solid rgba(247,241,231,.28);border-radius:6px;background:rgba(255,255,255,.025);transform:perspective(480px) rotateX(2deg); }
.court-floor::before { content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid rgba(247,241,231,.22); }
.court-floor::after { content:"";position:absolute;left:50%;top:50%;width:48px;height:48px;border:1px solid rgba(247,241,231,.22);border-radius:50%;transform:translate(-50%,-50%); }
.court-half { position:absolute;inset:15px;border:1px solid rgba(247,241,231,.12);border-radius:3px; }
.court-key { position:absolute;right:0;top:50%;width:27%;height:42%;border:1px solid rgba(247,241,231,.25);border-right:0;transform:translateY(-50%); }
.court-arc { position:absolute;right:17%;top:50%;width:38%;height:62%;border:1px solid rgba(247,241,231,.18);border-radius:50%;transform:translateY(-50%); }
.shot { position:absolute;width:7px;height:7px;border-radius:50%;background:#2ddeda;box-shadow:0 0 0 4px rgba(45,222,218,.1); }
.shot-a{left:18%;top:24%}.shot-b{left:42%;top:67%}.shot-c{right:19%;top:32%;background:#ff765f;box-shadow:0 0 0 4px rgba(255,118,95,.12)}.shot-d{right:9%;bottom:17%}.shot-e{left:61%;top:46%;background:#ff765f;box-shadow:0 0 0 4px rgba(255,118,95,.12)}
.court-win,.court-player { position:absolute;bottom:15px;padding:11px 12px;border:1px solid rgba(247,241,231,.14);border-radius:12px;background:rgba(5,14,24,.64);backdrop-filter:blur(10px); }
.court-win { left:18px;width:130px;display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:end; }
.court-win strong { font-size:22px;letter-spacing:-.05em;color:#2ddeda; }
.court-win>span { grid-column:1/-1;height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.12); }
.court-win>span i { display:block;width:72%;height:100%;background:linear-gradient(90deg,#2ddeda,#83f0e8); }
.court-player { right:16px;display:grid;grid-template-columns:repeat(3,auto);gap:6px; }
.court-player small { grid-column:1/-1; }
.court-player b { padding:5px 7px;border:1px solid rgba(247,241,231,.12);border-radius:99px;font:500 7px "DM Mono";letter-spacing:.05em;color:rgba(247,241,231,.8); }
.court-ai { border-color:rgba(45,222,218,.34);background:linear-gradient(145deg,rgba(5,14,24,.82),rgba(14,60,68,.72));box-shadow:0 0 28px rgba(45,222,218,.1); }
.court-ai small { color:#83f0e8; }.court-ai small::before{content:"✦";margin-right:5px}.court-ai b{border-color:rgba(45,222,218,.18);color:#dffdfb}
.future-preview { color:#ecf5ff;background:radial-gradient(circle at 52% 50%,rgba(113,159,255,.22),transparent 34%),linear-gradient(145deg,#11192b,#17284d 58%,#324a84); }
.future-preview::before { content:"";position:absolute;inset:34px 0 0;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:24px 24px;z-index:-1; }
.future-canvas { position:absolute;inset:34px 0 0; }
.future-orbit { position:absolute;left:50%;top:52%;width:104px;height:104px;display:grid;place-items:center;border:1px solid rgba(160,193,255,.38);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px rgba(87,132,228,.18),inset 0 0 28px rgba(113,159,255,.08); }
.future-orbit::before,.future-orbit::after { content:"";position:absolute;border:1px solid rgba(160,193,255,.2);border-radius:50%; }
.future-orbit::before { width:146px;height:146px; }.future-orbit::after { width:58px;height:58px; }
.future-orbit>i { position:absolute;width:7px;height:7px;border-radius:50%;background:#9fc3ff;box-shadow:0 0 14px rgba(159,195,255,.8); }.future-orbit>i:first-child{top:-4px}.future-orbit>i:nth-child(2){right:-4px;bottom:20px}.future-orbit>b{font:500 30px "DM Mono";letter-spacing:-.06em;color:white}
.future-node { position:absolute;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.15);border-radius:99px;background:rgba(9,17,35,.5);backdrop-filter:blur(8px); }.future-node>i{width:5px;height:5px;border-radius:50%;background:#9fc3ff}.future-node small{font:500 7px "DM Mono";letter-spacing:.12em}.node-a{left:10%;top:20%}.node-b{right:10%;top:27%}.node-c{right:17%;bottom:14%}
.future-line { position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(159,195,255,.55),transparent);transform-origin:left center; }.line-a{left:23%;top:34%;width:30%;transform:rotate(16deg)}.line-b{left:57%;top:48%;width:25%;transform:rotate(-24deg)}.line-c{left:49%;top:70%;width:33%;transform:rotate(7deg)}

/* Living project previews */
.omnigaze-metric strong,.court-win strong,.orbit-life-score>strong{font-variant-numeric:tabular-nums;transition:color .35s ease,text-shadow .35s ease}.omnigaze-metric strong.metric-tick,.court-win strong.metric-tick,.orbit-life-score>strong.metric-tick{color:#fff;text-shadow:0 0 18px currentColor}
.mini-bars i{transform-origin:center bottom;animation:marketBars 3.2s ease-in-out infinite}.mini-bars i:nth-child(2){animation-delay:-.45s}.mini-bars i:nth-child(3){animation-delay:-1.1s}.mini-bars i:nth-child(4){animation-delay:-1.6s}.mini-bars i:nth-child(5){animation-delay:-2.1s}.mini-bars i:nth-child(6){animation-delay:-2.7s}
@keyframes marketBars{0%,100%{transform:scaleY(.52);opacity:.62}45%{transform:scaleY(1);opacity:1}72%{transform:scaleY(.76);opacity:.82}}

.afterglow-preview{background:#746eaa}.afterglow-preview::before{background:linear-gradient(transparent 61%,rgba(61,49,91,.28) 62%,rgba(35,36,69,.62) 100%)}
.afterglow-sky-cycle{position:absolute;inset:34px 0 0;z-index:-3;background:linear-gradient(165deg,#8d8ac7 0%,#df879d 38%,#f8ae76 68%,#ffd28e 100%)}
.afterglow-sky-cycle::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 56% 22%,rgba(94,109,176,.48),transparent 30%),linear-gradient(165deg,#071226 0%,#111d43 48%,#312d5e 73%,#604060 100%);opacity:0;animation:afterglowNight 22s ease-in-out infinite}
.afterglow-sun{right:auto;left:50%;top:20%;z-index:-1;animation:afterglowSun 22s cubic-bezier(.45,.02,.55,.98) infinite}.afterglow-sun::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(255,235,176,.18);box-shadow:0 0 38px rgba(255,224,153,.42)}
.afterglow-palette i{animation:paletteBreathe 4s ease-in-out infinite}.afterglow-palette i:nth-child(2){animation-delay:-.6s}.afterglow-palette i:nth-child(3){animation-delay:-1.2s}.afterglow-palette i:nth-child(4){animation-delay:-1.8s}.afterglow-palette i:nth-child(5){animation-delay:-2.4s}
@keyframes afterglowNight{0%,28%,100%{opacity:0}45%,63%{opacity:.94}76%{opacity:.12}}
@keyframes afterglowSun{0%{left:50%;top:20%;opacity:1;transform:scale(1)}32%{left:82%;top:58%;opacity:.75;transform:scale(.82)}42%{left:88%;top:78%;opacity:0;transform:scale(.6)}63%{left:6%;top:75%;opacity:0;transform:scale(.6)}74%{left:14%;top:55%;opacity:.82;transform:scale(.82)}100%{left:50%;top:20%;opacity:1;transform:scale(1)}}
@keyframes paletteBreathe{0%,100%{transform:translateY(0);filter:saturate(.85)}50%{transform:translateY(-3px);filter:saturate(1.3)}}

.shot-a{right:auto;bottom:auto;animation:courtPathA 7.8s ease-in-out infinite}.shot-b{right:auto;bottom:auto;animation:courtPathB 9.2s ease-in-out infinite}.shot-c{right:auto;bottom:auto;animation:courtPathC 8.5s ease-in-out infinite}.shot-d{right:auto;bottom:auto;animation:courtPathD 10.2s ease-in-out infinite}.shot-e{right:auto;bottom:auto;animation:courtPathE 7.2s ease-in-out infinite}.court-win>span i{transition:width .75s cubic-bezier(.2,.8,.2,1)}
@keyframes courtPathA{0%,100%{left:12%;top:22%}50%{left:78%;top:66%}}
@keyframes courtPathB{0%,100%{left:38%;top:72%}48%{left:82%;top:24%}}
@keyframes courtPathC{0%,100%{left:76%;top:30%}52%{left:18%;top:58%}}
@keyframes courtPathD{0%,100%{left:86%;top:76%}46%{left:27%;top:18%}}
@keyframes courtPathE{0%,100%{left:58%;top:45%}50%{left:8%;top:78%}}

.orbit-preview{color:#fff;background:radial-gradient(circle at 61% 88%,rgba(159,196,255,.2),transparent 30%),#030303}
.orbit-preview::before{content:"";position:absolute;left:8%;right:30%;bottom:-34%;height:64%;border-radius:50%;background:radial-gradient(ellipse,rgba(168,199,255,.23),rgba(221,199,255,.12) 45%,transparent 72%);filter:blur(6px);animation:orbitGlow 7s ease-in-out infinite;z-index:-1}
.orbit-hero-copy{position:absolute;left:18px;top:53px;z-index:2}.orbit-hero-copy>small{display:block;margin-bottom:10px;font-size:8px;font-weight:700}.orbit-hero-copy>strong{display:block;max-width:190px;font-size:25px;line-height:.88;letter-spacing:-.075em}.orbit-hero-copy em{font-style:normal;color:transparent;background:linear-gradient(90deg,#a8c7ff,#ddc7ff 48%,#ffc9ab);background-size:180% auto;background-clip:text;-webkit-background-clip:text;animation:orbitGradient 6s ease-in-out infinite}
.orbit-life-score{position:absolute;left:18px;bottom:39px;width:124px;display:grid;grid-template-columns:1fr auto;gap:5px 8px;align-items:end;z-index:2}.orbit-life-score small{font:500 6px "DM Mono";letter-spacing:.1em;color:rgba(255,255,255,.55)}.orbit-life-score>strong{font-size:18px;letter-spacing:-.06em}.orbit-life-score>span{grid-column:1/-1;height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.14)}.orbit-life-score>span i{display:block;width:86%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a8c7ff,#ddc7ff,#ffc9ab);transition:width .75s cubic-bezier(.2,.8,.2,1)}
.orbit-path{position:absolute;right:2%;top:57px;width:184px;height:150px;border:1px solid rgba(168,199,255,.22);border-radius:50%;transform:rotate(-16deg);z-index:-1}.orbit-path::before,.orbit-path::after{content:"";position:absolute;border:1px solid rgba(221,199,255,.12);border-radius:50%;inset:18px}.orbit-path::after{inset:41px;border-color:rgba(255,201,171,.12)}.orbit-path i,.orbit-path b{position:absolute;width:7px;height:7px;border-radius:50%;background:#a8c7ff;box-shadow:0 0 15px #a8c7ff}.orbit-path i{left:50%;top:-4px;transform-origin:0 79px;animation:orbitSatellite 8s linear infinite}.orbit-path b{right:11%;bottom:11%;background:#ffc9ab;box-shadow:0 0 15px #ffc9ab;animation:syncPulse 2.8s ease-in-out infinite}
.orbit-phone{position:absolute;right:15px;top:52px;width:45%;height:177px;padding:26px 10px 10px;border:1px solid rgba(255,255,255,.25);border-radius:26px;background:#f4eee3;color:#1d1d1f;box-shadow:0 22px 48px rgba(0,0,0,.48);transform:rotate(4deg);overflow:hidden;animation:orbitPhoneFloat 6s ease-in-out infinite}.orbit-phone::before{content:"";position:absolute;top:7px;left:50%;width:46px;height:12px;border-radius:99px;background:#050505;transform:translateX(-50%)}.orbit-phone>small{font:600 5px "DM Mono";letter-spacing:.08em;color:#8b8176}.orbit-phone>strong{display:block;margin:5px 0 8px;font-size:14px;line-height:1;letter-spacing:-.055em}.orbit-goal-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:3px 5px;margin-bottom:6px;padding:7px 8px;border-radius:10px;background:linear-gradient(135deg,#ffd3b9,#f0b097);box-shadow:0 5px 14px rgba(86,46,28,.1)}.orbit-goal-card small{grid-column:1/-1;font:600 4.5px "DM Mono";letter-spacing:.09em;color:#8d5d4d}.orbit-goal-card b{font-size:7px}.orbit-goal-card em{font:700 6px "DM Mono";font-style:normal}.orbit-goal-card>span{grid-column:1/-1;height:2px;overflow:hidden;border-radius:99px;background:rgba(85,47,35,.15)}.orbit-goal-card>span i{display:block;width:33%;height:100%;border-radius:inherit;background:#1d1d1f;animation:orbitGoalProgress 7s ease-in-out infinite}.orbit-task{display:flex;align-items:center;gap:5px;margin-top:4px;padding:6px 7px;border-radius:8px;background:#fff;font-size:6.4px;box-shadow:0 4px 12px rgba(43,35,27,.05);animation:orbitTaskPulse 5.6s ease-in-out infinite}.orbit-task:nth-of-type(3){animation-delay:-2.8s}.orbit-task i{width:10px;height:10px;display:grid;place-items:center;border:1px solid #1d1d1f;border-radius:50%;font:700 6px sans-serif;color:#1d1d1f}.orbit-task b{font-weight:600}.orbit-task.done b{text-decoration:line-through;color:#8d8985}
.orbit-sync{position:absolute;right:12px;bottom:10px;display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid rgba(255,255,255,.13);border-radius:99px;background:rgba(3,3,3,.72);font:500 5.5px "DM Mono";letter-spacing:.06em;backdrop-filter:blur(8px)}.orbit-sync i{width:5px;height:5px;border-radius:50%;background:#829b7c;box-shadow:0 0 0 4px rgba(130,155,124,.12);animation:syncPulse 2.4s ease-in-out infinite}.orbit-sync em{font-style:normal;color:#a8c7ff}
@keyframes orbitGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes orbitGlow{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}@keyframes orbitSatellite{to{transform:rotate(360deg)}}
@keyframes orbitPhoneFloat{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes orbitGoalProgress{0%,100%{width:33%}50%{width:68%}}@keyframes syncPulse{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes orbitTaskPulse{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}

.experience-list { border-top: 1px solid var(--line); }
.experience-entry { border-bottom: 1px solid var(--line); transition: margin .3s ease, background .3s ease, box-shadow .3s ease; }
.experience-entry summary { list-style: none; display: grid; grid-template-columns: 34px 76px 1fr 150px 34px; gap: 18px; align-items: center; padding: 18px 14px; cursor: pointer; border-radius: 18px; transition: background .2s ease; }
.experience-entry summary::-webkit-details-marker { display: none; }
.experience-entry summary:hover { background: rgba(255,255,255,.35); }
.experience-entry[open] { margin: 14px 0; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.48); box-shadow: var(--shadow); backdrop-filter: blur(16px); }
.experience-entry[open] summary { border-radius: 0; background: rgba(255,255,255,.28); border-bottom: 1px solid var(--line); }
.experience-number { font: 400 10px "DM Mono"; letter-spacing: .08em; color: var(--muted); }
.brand-mark { width: 70px; height: 50px; display: grid; place-items: center; padding: 9px; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: white; }.brand-mark img{width:100%;height:100%;object-fit:contain}
.experience-main strong { display:block; font-size:18px; margin-bottom:5px; }.experience-main small{display:block;color:var(--muted);font-size:11px;line-height:1.35}.experience-date{text-align:right;font:400 9px "DM Mono";letter-spacing:.08em;color:var(--muted)}
.experience-toggle { width: 30px; height: 30px; display: grid; place-items: center; justify-self: end; border: 1px solid var(--line); border-radius: 50%; font-size: 20px; font-weight: 300; transition: transform .25s ease, background .2s ease; }.experience-entry[open] .experience-toggle{transform:rotate(45deg);background:var(--ink);color:var(--paper)}
.experience-panel { display:grid; grid-template-columns: 1.15fr .85fr; gap: 28px; padding: 24px; }
.experience-facts { display:grid; grid-template-columns:1fr 1fr; gap:0 22px; margin:0; align-content:start; }
.experience-facts>div { display:grid; grid-template-columns:76px 1fr; gap:10px; padding:13px 0; border-top:1px solid var(--line); }.experience-facts>div:nth-child(-n+2){border-top:0}.experience-facts .wide{grid-column:1/-1}.experience-facts dt{font:400 9px "DM Mono";letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.experience-facts dd{margin:0;font-size:12px;line-height:1.55}.experience-facts ul{margin:0;padding-left:16px}.experience-facts li+li{margin-top:7px}
.company-visual { min-height: 330px; position:relative; display:grid; place-items:center; overflow:hidden; border-radius:18px; border:1px solid rgba(255,255,255,.42); isolation:isolate; }.company-visual::before,.company-visual::after{content:"";position:absolute;border-radius:50%;filter:blur(18px);opacity:.72;z-index:-1}.company-visual::before{width:240px;height:240px;left:-80px;top:-70px;background:rgba(255,255,255,.42)}.company-visual::after{width:180px;height:180px;right:-55px;bottom:-45px;background:rgba(255,255,255,.26)}.company-visual.amdocs{background:linear-gradient(145deg,#ffb274,#df4e9e 58%,#7444b8)}.company-visual.eis{background:linear-gradient(145deg,#d5f4ef,#54b8b6 52%,#1c687f)}.company-visual.pandio{background:linear-gradient(145deg,#d8e7ff,#759af8 52%,#3952bb)}.company-visual.intel{background:linear-gradient(145deg,#dff4ff,#6fc8f2 52%,#0068b5)}.company-visual img{width:auto;max-width:68%;max-height:118px;object-fit:contain;padding:16px 20px;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 18px 50px rgba(20,30,55,.16)}.company-visual span{position:absolute;left:18px;bottom:16px;font:500 9px "DM Mono";letter-spacing:.1em;color:rgba(255,255,255,.86)}
.roadmap-section { padding-bottom: 118px; }
.roadmap-shell { display:grid; grid-template-columns:290px 1fr; min-height:560px; overflow:hidden; border:1px solid rgba(255,255,255,.7); border-radius:28px; background:rgba(255,255,255,.48); box-shadow:var(--shadow); backdrop-filter:blur(18px); }
.roadmap-nav { padding:18px; border-right:1px solid var(--line); }
.roadmap-tab { width:100%; position:relative; display:grid; grid-template-columns:48px 1fr; gap:2px 14px; padding:18px 14px 18px 18px; border:0; border-radius:16px; text-align:left; background:transparent; cursor:pointer; transition:background .2s ease, transform .2s ease; }
.roadmap-tab::before { content:""; position:absolute; left:3px; top:22px; width:6px; height:6px; border-radius:50%; background:var(--line); box-shadow:0 0 0 4px transparent; transition:background .2s ease,box-shadow .2s ease; }
.roadmap-tab:not(:last-child)::after { content:""; position:absolute; left:5.5px; top:33px; width:1px; height:calc(100% - 18px); background:var(--line); }
.roadmap-tab:hover { background:rgba(255,255,255,.46); transform:translateX(2px); }
.roadmap-tab.active { background:var(--ink); color:var(--paper); }
.roadmap-tab.active::before { background:#7de7dd; box-shadow:0 0 0 4px rgba(125,231,221,.18); }
.roadmap-tab>span { grid-row:1/3; font:500 11px "DM Mono"; letter-spacing:.08em; opacity:.7; padding-top:2px; }.roadmap-tab strong{font-size:13px}.roadmap-tab i{font-size:10px;font-style:normal;opacity:.6;margin-top:4px}
.roadmap-stage { min-width:0; }
.roadmap-panel { min-height:560px; display:grid; grid-template-columns:.9fr 1.1fr; animation:roadmap-in .42s cubic-bezier(.2,.8,.2,1); }
.roadmap-panel[hidden] { display:none; }
@keyframes roadmap-in { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
.roadmap-story { padding:44px 34px; display:flex; flex-direction:column; }
.roadmap-story h3 { margin:54px 0 20px; font-size:clamp(31px,4vw,48px); line-height:1.02; letter-spacing:-.05em; }
.roadmap-story>p:not(.mini-label) { margin:0; color:var(--muted); font-size:13px; line-height:1.75; }
.roadmap-story .roadmap-footnote { margin-top:auto!important; padding-top:28px; border-top:1px solid var(--line); font:400 10px/1.6 "DM Mono",monospace; letter-spacing:.04em; }
.roadmap-gallery { position:relative; min-height:560px; overflow:hidden; isolation:isolate; background:linear-gradient(145deg,#dbeaff,#9dbef3 48%,#4669bb); }
.roadmap-gallery::before,.roadmap-gallery::after { content:""; position:absolute; border-radius:50%; filter:blur(8px); opacity:.75; z-index:-1; }.roadmap-gallery::before{width:390px;height:390px;right:-130px;top:-120px;background:rgba(255,255,255,.48)}.roadmap-gallery::after{width:270px;height:270px;left:-90px;bottom:-70px;background:rgba(255,255,255,.27)}
.roadmap-gallery.silicon{background:linear-gradient(145deg,#dff4ff,#68c5ef 54%,#0068b5)}.roadmap-gallery.machine{background:linear-gradient(150deg,#d8e6ff,#809ff5 54%,#364eb5)}.roadmap-gallery.graduate{background:linear-gradient(145deg,#efe8ff,#9e82d4 52%,#493071)}.roadmap-gallery.enterprise{background:linear-gradient(145deg,#d8f6f0,#54b8b6 52%,#1b667f)}.roadmap-gallery.horizon{background:linear-gradient(145deg,#ffd9a9,#e85a9f 54%,#6f3ead)}
.roadmap-photo { position:absolute; margin:0; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.56); background:rgba(255,255,255,.9); box-shadow:0 24px 60px rgba(25,42,78,.2); }
.roadmap-photo-main { inset:50px 30px 108px 44px; border-radius:22px; transform:rotate(-2deg); }.roadmap-photo-main img{width:78%;max-height:118px;object-fit:contain}.roadmap-photo figcaption{position:absolute;left:15px;bottom:13px;font:500 8px "DM Mono";letter-spacing:.1em;color:#3f4858}
.roadmap-photo-note { width:190px; height:150px; right:18px; bottom:28px; border-radius:18px; transform:rotate(5deg); background:rgba(15,25,48,.92); color:white; }.roadmap-photo-note>span{font:500 15px/1.5 "DM Mono";letter-spacing:.08em}.roadmap-photo-note>strong{font-size:52px;letter-spacing:-.06em}.roadmap-photo-note img{width:66%;max-height:70px;object-fit:contain;padding:10px;background:white;border-radius:10px}.roadmap-photo-note figcaption{color:rgba(255,255,255,.68)}.roadmap-photo-note.roadmap-future{display:flex;align-items:center;justify-content:space-around;padding:20px}.roadmap-future b{font-size:32px;font-weight:400}
.footer { padding: 30px 0 38px; border-top: 1px solid var(--line); }
.footer-bottom { display: grid; grid-template-columns: 1fr 1fr auto; gap: 20px; color: var(--muted); }.footer-bottom a{text-decoration:underline;text-underline-offset:4px}

.toast { position: fixed; left: 50%; bottom: 24px; z-index: 20; transform: translate(-50%, 130%); opacity: 0; padding: 12px 16px; border-radius: 99px; color: white; background: var(--ink); box-shadow: 0 12px 34px rgba(0,0,0,.2); font-size: 12px; transition: transform .25s ease, opacity .25s ease; }.toast.show{transform:translate(-50%,0);opacity:1}
.reveal { opacity: 1; transform: none; transition: opacity .75s ease, transform .75s ease; }

body.night { --ink:#f5f7ff; --muted:#9aa7bc; --paper:#080c15; --panel:rgba(17,27,47,.62); --line:rgba(255,255,255,.14); }.night .project-entry{background:rgba(12,20,35,.62);border-color:rgba(255,255,255,.12)}.night .project-entry[open],.night .experience-entry[open],.night .roadmap-shell{background:rgba(12,20,35,.72);border-color:rgba(255,255,255,.12)}.night .experience-entry summary:hover,.night .experience-entry[open] summary,.night .roadmap-tab:hover{background:rgba(255,255,255,.05)}.night .roadmap-tab.active{background:#f3f6ff;color:#0b0f18}.night .button-primary,.night .toast{background:#f3f6ff;color:#0b0f18}.night .button-ghost,.night .icon-button{background:rgba(12,20,35,.52);border-color:rgba(255,255,255,.16)}.night .time-theme-panel{background:rgba(12,20,35,.68);border-color:rgba(255,255,255,.16)}

@media (max-width: 760px) {
  .shell{width:min(100% - 26px,1040px)}.topbar{height:92px}.hero{padding:52px 0 70px;min-height:auto}.section{padding:70px 0}.section-note{display:none}
  .project-browser{grid-template-columns:1fr}.project-entry[open] summary,.project-entry.featured-wide>summary{grid-template-columns:1fr}.project-detail{grid-template-columns:1fr;padding:24px}.project-spec{padding:22px 0 0;border-left:0;border-top:1px solid var(--line)}
  .experience-entry summary{grid-template-columns:28px 62px 1fr 32px;gap:12px;padding:14px 8px}.brand-mark{width:58px;height:46px}.experience-date{grid-column:3;text-align:left}.experience-toggle{grid-column:4;grid-row:1/3}.experience-panel{grid-template-columns:1fr;padding:16px}.company-visual{min-height:230px}.roadmap-shell{grid-template-columns:1fr}.roadmap-nav{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px}.roadmap-tab{min-width:190px}.roadmap-tab::after{display:none}.roadmap-panel{grid-template-columns:1fr;min-height:0}.roadmap-story{min-height:390px;padding:32px 24px}.roadmap-story h3{margin-top:38px}.roadmap-gallery{min-height:420px}.footer-bottom{grid-template-columns:1fr;gap:10px}
}
@media (max-width: 480px) { .utility-nav{gap:5px}.icon-button{width:36px;height:36px}.link-preview{top:50px;width:244px;transform-origin:top center}.utility-nav>.preview-link:nth-child(2) .link-preview{right:-164px}.utility-nav>.preview-link:nth-child(3) .link-preview{right:-123px}.utility-nav>.preview-link:nth-child(4) .link-preview{right:-82px}.utility-nav>.preview-link:nth-child(5) .link-preview{right:-41px}.utility-nav>.preview-link:nth-child(6) .link-preview{right:0}.hero-copy{font-size:20px}.project-preview{min-height:220px}.project-teaser{min-height:220px;padding:20px 18px 16px}.project-name{font-size:34px}.project-detail{padding:20px 18px}.project-detail-actions{flex-direction:column}.project-detail-actions .button{width:100%}.experience-entry summary{grid-template-columns:22px 52px 1fr 28px;gap:9px}.brand-mark{width:50px;height:42px}.experience-main strong{font-size:16px}.experience-facts{grid-template-columns:1fr}.experience-facts>div,.experience-facts>div:nth-child(-n+2){border-top:1px solid var(--line)}.experience-facts>div:first-child{border-top:0}.experience-facts .wide{grid-column:auto}.company-visual{min-height:200px}.roadmap-photo-main{inset:34px 22px 90px 22px}.roadmap-photo-note{width:160px;height:130px;right:12px;bottom:20px}.roadmap-gallery{min-height:360px} }
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}

  /* Project previews are deliberately ambient product demos. Keep them alive
     under reduced-motion, but use their slow, bounded loops instead of adding
     scroll or entrance movement elsewhere on the page. */
  .mini-bars i{animation-duration:3.2s!important;animation-iteration-count:infinite!important}
  .omnigaze-orbit em{animation-duration:8s!important;animation-iteration-count:infinite!important}
  .afterglow-sky-cycle::after,.afterglow-sun{animation-duration:28s!important;animation-iteration-count:infinite!important}
  .afterglow-palette i{animation-duration:6s!important;animation-iteration-count:infinite!important}
  .shot-a{animation-duration:11s!important;animation-iteration-count:infinite!important}.shot-b{animation-duration:13s!important;animation-iteration-count:infinite!important}.shot-c{animation-duration:12s!important;animation-iteration-count:infinite!important}.shot-d{animation-duration:14s!important;animation-iteration-count:infinite!important}.shot-e{animation-duration:10s!important;animation-iteration-count:infinite!important}
  .orbit-preview::before{animation-duration:9s!important;animation-iteration-count:infinite!important}
  .orbit-hero-copy em{animation-duration:8s!important;animation-iteration-count:infinite!important}
  .orbit-path i{animation-duration:12s!important;animation-iteration-count:infinite!important}
  .orbit-path b,.orbit-sync i{animation-duration:3.4s!important;animation-iteration-count:infinite!important}
  .orbit-phone{animation-duration:8s!important;animation-iteration-count:infinite!important}
  .orbit-goal-card>span i{animation-duration:10s!important;animation-iteration-count:infinite!important}
  .orbit-task{animation-duration:8s!important;animation-iteration-count:infinite!important}
  .omnigaze-metric strong,.court-win strong,.court-win>span i,.orbit-life-score>strong,.orbit-life-score>span i{transition-duration:.65s!important}
}