/* AI-generated concept imagery with quiet reading surfaces. */
.live-ocean{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.95}
body{background:#dbe8f3 url('/assets/orbital-ocean-v3.webp') center top/cover fixed}
.hero{background:#bfd3e5}.hero-image{object-position:65% 45%!important}.hero-wash{background:linear-gradient(90deg,#dceaf2b8 0%,#dceaf266 42%,#dceaf211 75%)}.hero-copy{padding:32px;background:linear-gradient(110deg,#edf5f9eb,#eaf3f7dc 70%,#eaf3f799);border:1px solid #edf7fdc9;box-shadow:0 20px 70px #163e5a0d;backdrop-filter:blur(5px)}.hero .eyebrow{color:#315874}.scene-grid{opacity:.25}.scene-caption{background:#e8f3f9eb}.hero-bottom{background:#e1eef5dd;padding:0 18px;left:0;right:0;border-top:1px solid #a2bed1;padding-left:5.5%;padding-right:5.5%}.scene-caption .crosshair{color:#275e85}
.about{background:linear-gradient(95deg,#eaf3f9f5 0%,#eaf3f9e8 45%,#eaf3f9a6 100%),url('/assets/orbital-ocean-v3.webp') center 60%/cover}.about-main{background:#edf6fb90;padding:25px;border:1px solid #edf8ffd4}.about-note{background:#eaf4f9bf;padding:22px;border:1px solid #c4dbe9;backdrop-filter:blur(5px)}.projects{background:linear-gradient(#e7f1f7dc,#dcebf4d9),url('/assets/cosmic-ocean-v3.webp') center top/100% auto repeat-y}.project-group{padding:24px;margin:32px 0;border:1px solid #b0cadd;background:linear-gradient(110deg,#eef6fbed,#eaf4faab),url('/assets/orbital-ocean-v3.webp') center 60%/cover}.project-group:nth-child(even){background-image:linear-gradient(110deg,#eef6fbe8,#eaf4faad),url('/assets/cosmic-ocean-v3.webp');background-position:center 35%}.group-heading{margin-top:0;text-shadow:0 1px 12px #ffffff}.project-card{background:#f4f9fbea;backdrop-filter:blur(5px)}.project-card:hover{background:#f7fbfef5}.section-heading,.library-toolbar,.result-meta{position:relative}.library-toolbar{background:#eaf4f9bd;padding-left:16px;padding-right:16px;border:1px solid #aec6d8}.vision{background:linear-gradient(95deg,#e5f0f8f2 0%,#dcebf6e0 52%,#e2f0f8a3 100%),url('/assets/cosmic-ocean-v3.webp') center 48%/cover}.vision:before{opacity:.4}.mission-strip{background:linear-gradient(#e4eff6d9,#dcecf5d9),url('/assets/orbital-ocean-v3.webp') center 30%/cover}footer{background:linear-gradient(#dcebf4e8,#dcebf4e8),url('/assets/cosmic-ocean-v3.webp') center 75%/cover}
#skill-content{font:16px/1.9 Consolas,"Microsoft YaHei",monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:50vh;overflow:auto;background:#f7fbfe;border:1px solid #aac6da;padding:24px;tab-size:2}#skill-load-status{font-size:15px;color:#4e687d}#file-panel[hidden],#skill-content[hidden]{display:none}
@keyframes cosmic-drift{from{background-position:40% 50%}to{background-position:60% 58%}}.vision{background-size:auto,cover;animation:cosmic-drift 26s ease-in-out infinite alternate}.motion-paused .vision{animation-play-state:paused}
@media(max-width:760px){body{background-attachment:scroll}.hero{padding-top:35px}.hero-copy{padding:25px 22px}.hero-scene{inset:0;height:100%;z-index:-1}.hero-image{object-position:65% 50%!important}.hero-wash{background:linear-gradient(180deg,#dcebf352,transparent 75%)}.hero:after{height:295px}.hero h1{font-size:clamp(27px,5.7vw,43px);letter-spacing:-1px}.hero .hero-subtitle{max-width:100%;font-size:18px}.hero .hero-actions{gap:20px}.hero .button{gap:22px}.hero .text-link{font-size:15px}.scene-caption{bottom:77px}.about-main{padding:24px 20px}.about-note{margin-top:24px}.project-group{padding:19px 15px}.project-card{padding:22px}.library-toolbar{padding:16px 12px}.vision{animation:none}.hero .hero-bottom>span{max-width:70%;font-size:9px}}@media(max-width:390px){.hero-copy{padding:23px 16px}.hero h1{font-size:clamp(25px,7.3vw,29px);letter-spacing:-1px}.hero .hero-desc{font-size:16px}.hero .hero-subtitle{font-size:17px}.hero .hero-actions{gap:16px}.hero .button{font-size:15px;gap:17px;padding:14px}.hero .text-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){.vision{animation:none}}

.hero .hero-image{transform:none!important;will-change:auto}.live-ocean{mix-blend-mode:normal;opacity:1}
.deep-sky-viewport{position:absolute;top:0;left:0;width:100%;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .6s;mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%)}.deep-sky-viewport.loaded{opacity:1}.deep-sky-viewport img{position:absolute;max-width:none;object-fit:cover;transform-origin:50% 50%;will-change:transform}.motion-paused .deep-sky-viewport img{will-change:auto}


.original-sky-viewport img{filter:none;image-rendering:auto;backface-visibility:hidden}
.visible-star-twinkles{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:1;mix-blend-mode:screen}
.vision-boards{display:grid;grid-template-columns:1.15fr 1fr;gap:25px;margin:44px 0 35px;align-items:stretch}.vision-board{padding:30px;background:#edf6fbe8;border:1px solid #a9c2d4;backdrop-filter:blur(6px)}.vision .board-kicker{font:12px/1.7 Consolas,monospace;letter-spacing:2px;color:#4d6c84;margin:0 0 16px}.vision-board h3{font-size:29px;line-height:1.5;letter-spacing:-.5px;margin:0 0 18px}.vision .vision-board .board-intro{font-size:17px;line-height:1.9;color:#45647b;margin:0 0 27px}.business-loop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px;margin:0;padding:0;list-style:none;counter-reset:steps}.business-loop li{position:relative;padding-top:15px;border-top:1px solid #aec7d9}.business-loop li>span{display:block;font:13px Consolas,monospace;color:#537b98;margin-bottom:11px}.business-loop strong{display:block;font-size:18px;font-weight:600}.vision .business-loop li p{font-size:15px;line-height:1.85;margin:10px 0 0;color:#4d687c}.vision .loop-return{display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:15px;line-height:1.8;border-top:1px solid #aec7d9;padding-top:20px;margin:27px 0 0;color:#365e7b}.loop-return span{font-size:29px;color:#30678f}.mindset-list{list-style:none;margin:0;padding:0}.mindset-list li{display:flex;gap:18px;padding:17px 0;border-top:1px solid #bed0de}.mindset-list li>span{font:13px/2 Consolas,monospace;color:#537b98;flex-shrink:0}.mindset-list h4{font-size:19px;line-height:1.6;margin:0 0 7px;font-weight:600}.vision .mindset-list p{font-size:16px;line-height:1.85;margin:0;color:#4d687c}@media(max-width:1100px){.vision-boards{grid-template-columns:1fr}.vision-board{padding:28px}.business-loop{gap:24px}.mindset-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}}@media(max-width:600px){.vision-boards{gap:20px;margin-top:35px}.vision-board{padding:24px 20px}.vision-board h3{font-size:26px}.business-loop{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 18px}.business-loop strong{font-size:18px}.vision .business-loop li p{font-size:16px}.mindset-list{display:block}.mindset-list h4{font-size:19px}.vision .mindset-list p{font-size:16px}.vision .loop-return{font-size:15px}}
.canonical-vision{grid-template-columns:1fr 1.08fr}.canonical-vision .vision-board{display:flex;flex-direction:column}.vision .canonical-short-loop{font-size:19px;line-height:1.9;color:#2c5d80;margin:0 0 25px;letter-spacing:.2px}.vision .four-forces-label{font-size:22px;line-height:1.8;color:#2c5d80;margin:0 0 23px;font-weight:600}.canonical-flow{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px;flex:1}.canonical-flow li{display:flex;align-items:center;gap:21px;position:relative;padding:16px 20px;background:#dcebf5b8;border:1px solid #b2cada;flex:1;min-height:60px}.canonical-flow li:not(:last-child):after{content:"↓";position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:16px;color:#6589a3;line-height:22px}.canonical-flow li>span{font:13px Consolas,monospace;color:#537b98;flex-shrink:0}.canonical-flow strong{font-size:20px;line-height:1.6;font-weight:500}.canonical-vision .mindset-list{display:block}.canonical-vision .mindset-list h4{font-size:21px}.vision .canonical-vision .mindset-list p{font-size:17px;line-height:1.95}.canonical-vision .mindset-list li{padding:19px 0}@media(max-width:1100px){.canonical-vision{grid-template-columns:1fr}.canonical-flow{gap:18px}.canonical-flow li{min-height:66px}}@media(max-width:600px){.vision .canonical-short-loop{font-size:17px;letter-spacing:0}.canonical-flow li{padding:15px;gap:17px}.canonical-flow strong{font-size:19px}.canonical-vision .mindset-list h4{font-size:21px}.vision .canonical-vision .mindset-list p{font-size:17px}}