:root{--project-accent: #dce6f3;--project-accent-rgb: 220, 230, 243}:root[data-project=youkero]{--project-accent: #b9a7ff;--project-accent-rgb: 185, 167, 255}:root[data-project=disvault]{--project-accent: #f1c85b;--project-accent-rgb: 241, 200, 91}:root[data-project=xao]{--project-accent: #72d9ff;--project-accent-rgb: 114, 217, 255}:root[data-project=ownerCommunity]{--project-accent: #ffd479;--project-accent-rgb: 255, 212, 121}:root[data-theme=light][data-project=youkero]{--project-accent: #6040b8;--project-accent-rgb: 96, 64, 184}:root[data-theme=light][data-project=disvault]{--project-accent: #765300;--project-accent-rgb: 118, 83, 0}:root[data-theme=light][data-project=xao]{--project-accent: #00698f;--project-accent-rgb: 0, 105, 143}:root[data-theme=light][data-project=ownerCommunity]{--project-accent: #825500;--project-accent-rgb: 130, 85, 0}.detail-topbar{position:sticky;top:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1220px,calc(100% - 32px));min-height:62px;margin:14px auto 0;padding:8px 10px 8px 14px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--page) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.detail-brand{display:inline-flex;align-items:center;flex:0 0 auto;gap:10px;color:var(--ink);font-weight:900}.detail-brand img{width:34px;height:34px;border-radius:8px}.detail-nav{display:flex;align-items:center;justify-content:flex-end;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.detail-nav::-webkit-scrollbar{display:none}.detail-nav a,.detail-theme-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;flex:0 0 auto;padding:0 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--soft);font-size:.74rem;font-weight:850;white-space:nowrap;transition:color .18s ease,background .18s ease,border-color .18s ease}.detail-nav a:hover,.detail-nav a:focus-visible,.detail-theme-button:hover,.detail-theme-button:focus-visible{border-color:var(--line-strong);background:var(--ink);color:var(--page)}.detail-main{width:min(1220px,calc(100% - 32px));margin:0 auto;padding:clamp(70px,9vw,132px) 0 120px}.detail-reveal{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.detail-reveal{opacity:.01;transform:translate3d(0,22px,0);transition:opacity .58s cubic-bezier(.16,1,.3,1) var(--reveal-delay, 0ms),transform .58s cubic-bezier(.16,1,.3,1) var(--reveal-delay, 0ms)}.detail-reveal.is-visible{opacity:1;transform:none}}.detail-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:end;gap:clamp(44px,7vw,104px);min-height:min(650px,calc(100dvh - 150px))}.detail-hero__copy{max-width:730px}.detail-project-label,.detail-section-label{margin:0 0 20px;color:var(--project-accent);font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.detail-hero h1{margin:0;max-width:800px;font-size:clamp(3.15rem,5.4vw,5.75rem);line-height:.92;letter-spacing:-.048em;text-wrap:balance}.detail-hero__intro{max-width:650px;margin:30px 0 0;color:var(--soft);font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.72;text-wrap:pretty}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.detail-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border:1px solid var(--line-strong);border-radius:999px;font-weight:900;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.detail-button:hover{transform:translateY(-2px)}.detail-button--solid{border-color:var(--project-accent);background:var(--project-accent);color:#080a0f}:root[data-theme=light] .detail-button--solid{color:#fff}.detail-button--solid:hover{border-color:var(--ink);background:var(--ink)}.detail-button--ghost{color:var(--ink)}.detail-button--ghost:hover{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.detail-hero__visual{position:relative;overflow:hidden;padding:1px;border-radius:13px;background:var(--line);isolation:isolate}.detail-hero__visual:before{content:"";position:absolute;top:50%;left:50%;width:210%;aspect-ratio:1;margin:-105% 0 0 -105%;background:conic-gradient(from 0deg,transparent 0 62%,var(--project-accent) 82%,transparent 96%);animation:detail-border-orbit 7s linear infinite paused}.detail-hero__visual.is-visible:before{animation-play-state:running}.project-cover{--spot-x: 50%;--spot-y: 50%;position:relative;display:flex;min-height:470px;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(26px,4vw,46px);border:0;border-radius:11px;background:linear-gradient(145deg,rgba(var(--project-accent-rgb),.16),transparent 46%),color-mix(in srgb,var(--panel-strong) 94%,var(--page));isolation:isolate}.project-cover:before{content:"";position:absolute;inset:auto -18% -36% 20%;z-index:0;aspect-ratio:1;border:1px solid rgba(var(--project-accent-rgb),.26);border-radius:50%;box-shadow:0 0 0 60px rgba(var(--project-accent-rgb),.035),0 0 0 130px rgba(var(--project-accent-rgb),.025)}.project-cover:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle 260px at var(--spot-x) var(--spot-y),rgba(var(--project-accent-rgb),.2),transparent 72%);opacity:0;transition:opacity .32s ease}.project-cover.is-spotlit:after{opacity:1}.project-cover>*{position:relative;z-index:1}.project-cover__head{display:flex;align-items:center;justify-content:space-between;gap:18px}.project-cover__head img{width:58px;height:58px;object-fit:contain;filter:grayscale(1) brightness(1.35)}:root[data-theme=light] .project-cover__head img{filter:grayscale(1) contrast(1.35)}.project-cover__head span{color:var(--project-accent);font-size:.76rem;font-weight:900}.project-cover__name{display:block;max-width:11ch;margin:auto 0;font-size:clamp(3rem,5.6vw,5.8rem);line-height:.94;letter-spacing:-.045em}.project-cover__facts{display:grid;gap:0;margin:0;border-top:1px solid var(--line)}.project-cover__facts>div{display:grid;grid-template-columns:82px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.project-cover__facts dt,.project-cover__facts dd{margin:0;font-size:.78rem}.project-cover__facts dt{color:var(--muted)}.project-cover__facts dd{color:var(--ink);font-weight:800}.detail-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:72px 0 0;border-block:1px solid var(--line)}.detail-proof>div{display:flex;min-height:132px;flex-direction:column-reverse;justify-content:center;gap:10px;padding:22px clamp(16px,3vw,34px);border-right:1px solid var(--line)}.detail-proof>div:last-child{border-right:0}.detail-proof dt,.detail-proof dd{margin:0}.detail-proof dt{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.detail-proof dd{color:var(--project-accent);font-size:clamp(1.9rem,3.5vw,3.7rem);font-weight:900;line-height:1;letter-spacing:-.04em}.detail-brief{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:clamp(50px,10vw,150px);margin-top:clamp(120px,15vw,210px)}.detail-brief__copy h2,.detail-story h2,.detail-commands__heading h2{margin:0;font-size:clamp(2.5rem,5.2vw,5.6rem);line-height:.94;letter-spacing:-.045em;text-wrap:balance}.detail-brief__copy>p:last-child,.detail-story__copy>p:last-child,.detail-commands__heading>p:last-child{max-width:64ch;margin:28px 0 0;color:var(--soft);font-size:1.02rem;line-height:1.75;text-wrap:pretty}.detail-scope,.detail-story__list{align-self:end;margin:0;padding:0;border-top:1px solid color-mix(in srgb,var(--project-accent) 48%,var(--line));list-style:none}.detail-scope li,.detail-story__list li{position:relative;padding:18px 0 18px 28px;border-bottom:1px solid var(--line);color:var(--ink);font-size:clamp(.94rem,1.1vw,1.05rem);font-weight:780;line-height:1.42}.detail-scope li:before,.detail-story__list li:before{content:"";position:absolute;top:26px;left:3px;width:9px;height:1px;background:var(--project-accent)}.detail-stories{margin-top:clamp(100px,13vw,180px);border-top:1px solid var(--line)}.detail-story{--spot-x: 50%;--spot-y: 50%;position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:clamp(50px,10vw,150px);padding:clamp(72px,10vw,126px) 0;border-bottom:1px solid var(--line);isolation:isolate}.detail-story:before{content:"";position:absolute;inset:18px -24px;z-index:-1;pointer-events:none;border-radius:14px;background:radial-gradient(circle 340px at var(--spot-x) var(--spot-y),rgba(var(--project-accent-rgb),.105),transparent 74%);opacity:0;transition:opacity .36s ease}.detail-story.is-spotlit:before{opacity:1}.detail-story__copy{max-width:720px}.detail-story__list{align-self:center}.detail-commands{margin-top:clamp(120px,15vw,210px)}.detail-commands__heading{max-width:820px}.command-explorer{display:grid;grid-template-columns:minmax(190px,.32fr) minmax(0,.68fr);min-height:300px;margin-top:52px;overflow:hidden;border-block:1px solid var(--line)}.command-explorer__tabs{display:flex;flex-direction:column;padding:18px 0;border-right:1px solid var(--line)}.command-explorer__tabs button{min-height:52px;padding:0 22px;border:0;border-left:2px solid transparent;background:transparent;color:var(--muted);font-weight:850;text-align:left;transition:color .16s ease,border-color .16s ease,background .16s ease}.command-explorer__tabs button:hover,.command-explorer__tabs button.is-active{border-left-color:var(--project-accent);background:rgba(var(--project-accent-rgb),.08);color:var(--ink)}.command-explorer__panel{display:flex;align-content:center;align-items:center;flex-wrap:wrap;gap:12px;padding:clamp(34px,7vw,90px);background:linear-gradient(135deg,rgba(var(--project-accent-rgb),.08),transparent 56%)}.command-explorer__panel code{padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--page) 72%,transparent);color:var(--ink);font:750 .88rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.detail-footer{display:flex;justify-content:space-between;gap:18px;width:min(1220px,calc(100% - 32px));margin:0 auto;padding:30px 0 44px;border-top:1px solid var(--line)}.detail-footer a{color:var(--soft);font-weight:850}.detail-footer a:hover{color:var(--project-accent)}@keyframes detail-border-orbit{to{transform:rotate(360deg)}}@media(max-width:980px){.detail-hero{grid-template-columns:1fr;align-items:start;min-height:auto}.detail-hero__copy{max-width:780px}.project-cover{min-height:410px}.detail-brief,.detail-story{grid-template-columns:1fr;gap:46px}.detail-scope,.detail-story__list{width:min(620px,100%)}}@media(max-width:760px){.detail-topbar{align-items:flex-start;flex-direction:column;gap:7px}.detail-nav{justify-content:flex-start;width:100%}.detail-main{padding-top:64px}.detail-proof{grid-template-columns:1fr}.detail-proof>div{min-height:104px;border-right:0;border-bottom:1px solid var(--line)}.detail-proof>div:last-child{border-bottom:0}.command-explorer{grid-template-columns:1fr}.command-explorer__tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.command-explorer__tabs button{min-width:142px;border-bottom:2px solid transparent;border-left:0;text-align:center}.command-explorer__tabs button:hover,.command-explorer__tabs button.is-active{border-bottom-color:var(--project-accent)}}@media(max-width:560px){.detail-topbar,.detail-main,.detail-footer{width:min(100% - 22px,1220px)}.detail-topbar{top:7px;margin-top:7px}.detail-hero h1{font-size:clamp(2.8rem,12.5vw,4rem)}.detail-actions,.detail-button{width:100%}.project-cover{min-height:390px;padding:24px}.project-cover__name{font-size:2.5rem}.detail-brief__copy h2,.detail-story h2,.detail-commands__heading h2{font-size:clamp(2.25rem,11vw,3.5rem)}.detail-story{padding-block:70px}.command-explorer__panel{padding:34px 18px}.detail-footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){.detail-button,.detail-nav a,.detail-theme-button,.command-explorer__tabs button{transition:none!important}.detail-hero__visual:before{animation:none!important}}