:root{--bg-start: #f8fbff;--bg-end: #edf4ff;--ink: #0f172a;--ink-soft: #42536a;--line: #d5e3ff;--brand: #134a86;--brand-2: #1f5fa8;--card: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 20%,rgba(56,189,248,.1),transparent 30%),radial-gradient(circle at 80% 12%,rgba(99,102,241,.12),transparent 32%),radial-gradient(circle at 72% 78%,rgba(14,116,144,.1),transparent 30%),radial-gradient(circle at 50% 50%,#05070f,#000 72%);min-height:100vh;position:relative;overflow-x:hidden}body[data-theme=dark]:before,body:not([data-theme]):before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 12% 20%,rgba(255,255,255,.9) 60%,transparent 62%),radial-gradient(1px 1px at 82% 14%,rgba(186,230,253,.9) 60%,transparent 62%),radial-gradient(1.2px 1.2px at 38% 72%,rgba(255,255,255,.8) 60%,transparent 62%),radial-gradient(1px 1px at 64% 58%,rgba(219,234,254,.85) 60%,transparent 62%),radial-gradient(1.4px 1.4px at 24% 84%,rgba(255,255,255,.9) 60%,transparent 62%);background-size:360px 360px}.page{max-width:1080px;margin:0 auto;padding:16px;position:relative;z-index:1}.header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(120deg,#1e293bad,#0f172a94);border:0;border-radius:16px;padding:10px 12px;display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:10px}.back-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#e8f1ff;border:0;background:#163265b8;padding:9px 12px;border-radius:999px;font-weight:700;justify-self:start;-webkit-tap-highlight-color:transparent;-moz-user-select:none;user-select:none;-webkit-user-select:none;outline:none;transition:box-shadow .18s ease,transform .18s ease,background-color .18s ease}.back-btn:focus,.back-btn:active{outline:none}.back-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #60a5fa8c}.header-center{display:flex;flex-direction:column;align-items:center;gap:2px;justify-self:center;text-align:center;min-width:0;max-width:min(52vw,560px)}.title-row{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0}.brand-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#173161cc;border:0;justify-self:auto}.header-like{margin:0;padding:5px 8px;min-width:0;width:100%;max-width:340px;border-radius:12px;border:0;background:linear-gradient(145deg,#06102852,#02081638);box-shadow:none;align-self:center;transform:none;color:#edf4ff;justify-self:end}.header-like .like-row{display:flex;flex-wrap:nowrap;justify-content:flex-start;min-width:0;gap:6px;align-items:center}.header-like h2{margin:0 auto 0 0;font-size:.86rem;font-weight:700;white-space:nowrap}.header-like .likes-note{margin-left:0;font-size:.84rem;white-space:nowrap;flex-shrink:0}.header-like .like-status{display:none}.header-like .like-emoji-btn{min-width:36px;height:30px;padding:4px 9px;font-size:.95rem;line-height:1}.brand-link img{width:28px;height:28px;border-radius:0;-o-object-fit:cover;object-fit:cover}.header-center h1{margin:0;font-size:1.35rem;font-weight:800;line-height:1.1;color:#f6faff}.title-row h1{min-width:0}.brand-subline{margin:0;color:#d4e3fd;font-size:.72rem;font-weight:700;letter-spacing:.02em}.brand-subline-secondary{margin:0;color:#c4d7fa;font-size:.68rem;font-weight:700;letter-spacing:.01em}.hero{margin-top:14px;background:transparent;border:0;border-radius:20px;overflow:hidden;box-shadow:none}.hero-media{width:100%;aspect-ratio:16 / 9;min-height:220px;height:auto;background:transparent;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:18px;overflow:hidden}.hero-img{width:100%;height:100%;display:block;border-radius:18px}.hero-fit-contain{-o-object-fit:contain;object-fit:contain}.hero-fit-cover{-o-object-fit:cover;object-fit:cover}.meta{display:flex;flex-wrap:wrap;gap:8px}.hero-meta-strip{padding:12px 14px 14px;border-top:0;background:transparent;border-radius:0 0 16px 16px}.hero-meta-strip .meta{justify-content:center}.pill{border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:700;border:1px solid transparent}.pill.public{background:#16a34a;color:#f0fdf4;border-color:#22c55e}.pill.internal{background:#d97706;color:#fffbeb;border-color:#f59e0b}.pill.info{background:#3b82f6;color:#f8fbff;border-color:#60a5fa}.grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}.links-strip{margin-top:12px}.links-strip .actions{gap:8px}.card{background:linear-gradient(140deg,#050e224d,#02081633);border:0;border-radius:16px;padding:15px;box-shadow:none;color:#e8effc}.card h2{margin-top:0;margin-bottom:8px;font-size:1.05rem;color:#f8fbff}.card p{color:#d9e5fb}.list{margin:0;padding-left:18px;color:#d0def7;line-height:1.6}.stack{display:flex;flex-wrap:wrap;gap:8px}.capability-card .mvp-list{margin-bottom:0}.capability-card .mvp-list+.subheading{margin-top:12px}.capability-card .subheading{margin-bottom:8px;color:#a8c3ec;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tag{border:1px solid #7e9fce;background:#152d58b8;color:#eef4ff;font-weight:700;font-size:.82rem;border-radius:999px;padding:6px 10px}.gallery{display:grid;grid-template-columns:1fr;gap:10px}.gallery-card{margin-top:12px;background:linear-gradient(140deg,#050e224d,#02081633);border:0}.gallery-card>h2{margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed #86a8dc}.gallery img{width:100%;height:170px;-o-object-fit:contain;object-fit:contain;background:linear-gradient(145deg,#06102847,#02081633);border-radius:12px;border:0;cursor:zoom-in;transition:transform .18s ease}.gallery img:hover{transform:translateY(-4px)}.gallery img:active{transform:translateY(-2px) scale(.995)}@media(prefers-reduced-motion:reduce){.gallery img{transition:none}.gallery img:hover,.gallery img:active{transform:none}}.no-scroll{overflow:hidden}.gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:20px}.gallery-lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172ad1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gallery-lightbox-content{position:relative;margin:0;z-index:1;width:min(92vw,980px);height:min(82vh,720px);max-width:min(92vw,980px);max-height:82vh;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.35);background:#0f172a;box-shadow:0 20px 50px #00000073;touch-action:none}.gallery-lightbox-content img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:0 auto;-o-object-fit:contain;object-fit:contain;transform-origin:center center;transition:transform .12s ease-out;will-change:transform;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;position:relative;z-index:1}.gallery-lightbox-content img.is-gesturing{transition:none}.gallery-lightbox-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:999px;background:#0f172ab8;color:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:3}.gallery-lightbox-zoom-controls{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;z-index:3}.gallery-lightbox-zoom-btn,.gallery-lightbox-zoom-readout{border:0;border-radius:999px;background:#0f172ab8;color:#fff;height:34px;min-width:34px;padding:0 10px;font-size:.9rem;font-weight:700;cursor:pointer}.gallery-lightbox-zoom-btn{font-size:1.1rem;line-height:1}.gallery-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:999px;background:#0f172ab8;color:#fff;font-size:30px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;z-index:3}.gallery-lightbox-nav.prev{left:10px}.gallery-lightbox-nav.next{right:10px}.gallery-lightbox-count{position:absolute;left:50%;bottom:10px;transform:translate(-50%);margin:0;padding:5px 10px;border-radius:999px;background:#0f172ab8;color:#fff;font-size:.78rem;font-weight:700;z-index:3}.actions{display:flex;flex-wrap:wrap;gap:10px}.action{display:inline-flex;width:100%;justify-content:center;text-decoration:none;border-radius:999px;padding:10px 14px;font-weight:700;border:1px solid transparent;font:inherit;cursor:pointer}.action.primary{background:var(--brand);color:#fff}.action.success{background:#059669;color:#fff}.action.gallery-jump{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;border:1px solid transparent;box-shadow:0 6px 14px #2563eb38}#project-gallery{scroll-margin-top:92px}.gallery-arrive{animation:galleryArriveGlow .76s ease-out}@keyframes galleryArriveGlow{0%{box-shadow:0 0 #2563eb00;border-color:#d5e3ff}38%{box-shadow:0 0 0 4px #2563eb24;border-color:#9ec5ff}to{box-shadow:0 8px 20px #0f3f7a0d;border-color:#d5e3ff}}.action.secondary{background:#182f5bbf;color:#e9f2ff;border:1px solid #84a6d9}.action:disabled{opacity:.9;cursor:not-allowed}.card.like-compact{width:100%;padding:10px 12px}.card.like-compact .action{width:auto;min-width:44px;padding:6px 10px;font-size:1rem;line-height:1}.header-like h2,.header-like .likes-note,.header-like .like-status{color:#dce9ff}.like-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap}.like-emoji-btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;line-height:1}.likes-note{margin:0 0 0 auto;color:var(--ink-soft);font-size:.9rem}.likes-note strong{white-space:nowrap}.like-status{margin:6px 0 0;font-size:.82rem;color:var(--ink-soft);text-align:right}.is-hidden{display:none!important}.empty{margin-top:16px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:14px;padding:14px}.thankyou-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;background:#0f172a2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayFadeIn .22s ease-out}.thankyou-box{background:linear-gradient(145deg,#fff,#eaf2ff);border:1px solid #bfd5ff;border-radius:18px;padding:20px 24px;box-shadow:0 20px 48px #0f3f7a38;text-align:center;animation:popIn .32s cubic-bezier(.2,.7,.2,1)}.thankyou-emoji{font-size:2rem;display:inline-block;animation:pulse .9s ease-in-out infinite}.thankyou-title{margin:8px 0 4px;font-size:1.2rem;font-weight:800;color:#102a53}.thankyou-text{margin:0;color:var(--ink-soft)}body[data-theme=light]{color:#0f172a;background:linear-gradient(180deg,#8ec5f5,#a7d6fa 42%,#c7e6ff)}body[data-theme=light]:before{content:"";position:fixed;top:-10vh;right:0;bottom:-10vh;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(180deg,#ffffff24,#dbeafe33 54%,#bae6fd42),url(/assets/sky-CD4fFov2.svg);background-position:center center,center center;background-size:100% 100%,cover;background-repeat:no-repeat,no-repeat;opacity:.9}body[data-theme=light]:after{content:none}body[data-theme=light] .header{background:linear-gradient(120deg,#fffffff5,#e4eefff0);border:1px solid #c7d9fb}body[data-theme=light] .back-btn{color:#1f4f8f;background:#eaf2ff}body[data-theme=light] .back-btn:focus-visible{box-shadow:0 0 0 2px #3b82f659}body[data-theme=light] .header-center h1{color:#0f172a}body[data-theme=light] .brand-subline,body[data-theme=light] .brand-subline-secondary{color:#42536a}body[data-theme=light] .brand-link{background:#eaf2ff}body[data-theme=light] .card,body[data-theme=light] .gallery-card{background:linear-gradient(145deg,#fffffff0,#eff6ffe6);color:#0f172a;border:1px solid #d5e3ff}body[data-theme=light] .card h2{color:#0f172a}body[data-theme=light] .card p,body[data-theme=light] .list{color:#334155}body[data-theme=light] .tag{border-color:#93c5fd;background:#dbeafe;color:#1e3a8a}body[data-theme=light] .capability-card .subheading,body[data-theme=light] .capability-card h2{color:#1e3a8a}body[data-theme=light] .gallery img{background:linear-gradient(145deg,#ecf4fff2,#e2edffe6);border:1px solid #d5e3ff}body[data-theme=light] .header-like{background:linear-gradient(145deg,#fffffff5,#eaf2ffe6);border:1px solid #d5e3ff;color:#42536a}@media(max-width:699px){body[data-theme=light] .header-like{background:linear-gradient(145deg,#ffffffe0,#eaf2ffc2);border:1px solid rgba(191,213,255,.72);box-shadow:inset 0 1px #ffffff8c}}body[data-theme=light] .header-like h2,body[data-theme=light] .header-like .likes-note,body[data-theme=light] .header-like .like-status{color:#42536a}body[data-theme=light] .action.secondary{background:#eaf2ff;color:#1f4f8f;border-color:#bfd5ff}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.92) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media(min-width:700px){.page{padding:22px}.header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px}.header-center{width:auto;max-width:100%;justify-self:center}.title-row{width:auto;justify-content:center}.brand-subline,.brand-subline-secondary{width:100%;text-align:center}.hero-img{height:100%}.hero-media{min-height:320px;height:auto;padding:18px}.grid{grid-template-columns:1fr 1fr;gap:14px}.gallery{grid-template-columns:1fr 1fr}.action{width:auto}.links-strip .actions{justify-content:flex-start}.header-like{max-width:320px;width:100%;margin-left:auto;justify-self:end}}@media(max-width:699px){.page{padding:12px}.header{padding:8px 9px;grid-template-columns:auto 1fr auto;gap:6px;border-radius:14px}.header:after{content:"Back";grid-column:3;grid-row:1;display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;font-size:.86rem;font-weight:700;letter-spacing:normal;line-height:1;border-radius:999px;visibility:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header-like{grid-column:1 / -1;min-width:0;max-width:100%;margin-top:1px;padding:4px 6px;transform:none;border-radius:9px;background:linear-gradient(145deg,#08143247,#030a1b38);border:1px solid rgba(148,163,184,.12);box-shadow:inset 0 1px #ffffff0a}.header-like .like-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;justify-content:space-between;gap:6px;align-items:center}.header-like h2{font-size:.7rem;font-weight:700;letter-spacing:.01em;opacity:.95;line-height:1.1}.header-like .likes-note{font-size:.72rem;margin:0;line-height:1;display:inline-flex;align-items:center;justify-self:end}.header-like .like-emoji-btn{min-width:32px;height:22px;padding:0 6px;font-size:.88rem;line-height:1;border-radius:999px;transform:translateY(-.5px);font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Inter,sans-serif}.header-like .like-status{display:block;margin-top:1px;font-size:.64rem;text-align:left;opacity:.86}.header-like .like-status:empty{display:none;margin:0}.back-btn{padding:7px 10px;font-size:.86rem}.header-center{max-width:100%;width:100%;gap:1px}.header-center h1{font-size:.99rem;line-height:1.15;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.title-row{position:static;width:100%;justify-content:center;padding-left:40px;padding-right:40px;gap:0;max-width:100%}.title-row .header-logo{position:absolute;right:9px;top:8px;transform:none;width:32px;height:32px;border-radius:9px;background:#3b82f633}.title-row .header-logo img{width:22px;height:22px}.brand-subline{width:100%;text-align:center;font-size:.68rem}.brand-subline-secondary{width:100%;text-align:center;font-size:.64rem}.hero-media{min-height:210px;height:auto;padding:12px}.gallery-card{padding:12px}.gallery-lightbox{padding-top:max(10px,env(safe-area-inset-top));padding-right:max(8px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left))}.gallery-lightbox-content{width:100%;height:100%;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.gallery-lightbox-content img{width:auto;height:auto;max-width:100%;max-height:100%;margin:0}.hero-meta-strip{padding:10px 10px 12px}.hero-meta-strip .meta{gap:6px}.hero-meta-strip .pill{max-width:100%;font-size:.76rem;padding:5px 9px}.links-strip{padding:9px 10px;border-radius:14px}.links-strip h2{margin-bottom:5px;font-size:.84rem;letter-spacing:.01em}.links-strip .actions{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px;scrollbar-width:thin;padding-bottom:2px;scroll-snap-type:x proximity}.links-strip .action{flex:0 0 auto;width:auto;min-width:0;padding:7px 12px;font-size:.78rem;line-height:1;min-height:34px;white-space:nowrap;scroll-snap-align:start}.card{padding:13px}.like-status{font-size:.8rem}.capability-card .subheading{font-size:.74rem}}
