/* Supernova Web Studios — expansion layer */
.project-actions-v2{display:flex;align-items:center;gap:18px;margin-top:34px}.project-actions-v2 .project-link{margin-top:0}.project-live{font-family:var(--mono);font-size:.61rem;letter-spacing:.14em;color:#aeb2be;border-bottom:1px solid rgba(255,255,255,.28);padding:10px 0}.project-live:hover{color:#fff}
.transformation{position:relative;padding:clamp(110px,12vw,190px) 0;background:#eef0e8;color:#0b0d12;overflow:hidden}.transformation .section-label{color:#44484f}.transformation .section-label i{background:#0b0d12}.transformation-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.45fr);gap:80px;align-items:end;margin-top:56px}.transformation h2{margin:0;font-family:var(--serif);font-size:clamp(3.3rem,6vw,7rem);font-weight:400;line-height:.88;letter-spacing:-.055em}.transformation h2 em{font-weight:400;color:#6870ff}.transformation-head p{margin:0;line-height:1.75;color:#535862}.before-after-grid{display:grid;grid-template-columns:1fr 120px 1fr;gap:26px;align-items:center;margin-top:90px;border-top:1px solid #bfc3bc;border-bottom:1px solid #bfc3bc}.before-after-grid article{padding:54px 0 58px}.before-after-grid span{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;color:#777d87}.before-after-grid strong{display:block;margin-top:26px;font-family:var(--serif);font-size:clamp(2.6rem,4vw,5rem);font-weight:400}.before-after-grid p{max-width:420px;color:#565b65;line-height:1.7}.gravity-arrow{display:grid;place-items:center;position:relative;height:100%}.gravity-arrow i{position:absolute;inset:0 50%;width:1px;background:#c4c8c2}.gravity-arrow b{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#0b0d12;color:#fff;font-size:1.4rem}.text-link{display:inline-flex;gap:24px;margin-top:42px;color:#0b0d12;font-size:.7rem;font-weight:800;letter-spacing:.09em;border-bottom:1px solid #0b0d12;padding-bottom:9px}
.lab-preview{padding:clamp(120px,13vw,210px) 0;background:#080a10;overflow:hidden}.lab-preview-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(480px,1.15fr);gap:90px;align-items:center}.lab-preview-shell>.section-label{grid-column:1/-1}.lab-preview-copy h2{margin:0;font-family:var(--serif);font-size:clamp(4rem,6.5vw,7.8rem);font-weight:400;line-height:.83;letter-spacing:-.06em}.lab-preview-copy h2 em{font-weight:400;color:#ff75bd}.lab-preview-copy p{max-width:580px;color:#a9adba;line-height:1.75;margin:36px 0}.lab-orbits{position:relative;min-height:580px}.lab-core-mini{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:140px;height:140px;border-radius:50%;font-family:var(--serif);font-size:3.8rem;background:radial-gradient(circle at 42% 40%,#fff 0 3%,#67dcff 11%,#6465ff 25%,#ff4ea8 44%,rgba(255,78,168,.08) 68%,transparent 70%);box-shadow:0 0 70px rgba(106,110,255,.5)}.lab-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%) rotateX(66deg) rotateZ(-15deg);animation:orbitFloat 9s ease-in-out infinite}.lab-orbit span{position:absolute;left:74%;top:4%;font-family:var(--mono);font-size:.58rem;color:#b8bdca;transform:rotateZ(15deg) rotateX(-66deg)}.lab-orbit-a{width:330px;height:330px}.lab-orbit-b{width:480px;height:480px;animation-delay:-2s}.lab-orbit-c{width:610px;height:610px;animation-delay:-4s}.gravity-teaser{position:relative;padding:clamp(120px,14vw,230px) 0;background:radial-gradient(circle at 72% 42%,rgba(53,217,255,.13),transparent 26%),radial-gradient(circle at 20% 70%,rgba(255,78,168,.14),transparent 28%),#07080d;overflow:hidden}.gravity-teaser:before{content:"";position:absolute;width:52vw;aspect-ratio:1;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:-12vw;top:-8vw;transform:rotateX(66deg)}.gravity-teaser-index{font-family:var(--mono);font-size:.65rem;letter-spacing:.16em;color:#8b91a0}.gravity-teaser h2{max-width:1000px;margin:50px 0 0;font-family:var(--serif);font-size:clamp(4.4rem,8vw,9.5rem);font-weight:400;line-height:.78;letter-spacing:-.065em}.gravity-teaser h2 em{font-weight:400;color:#77dcff}.gravity-teaser p{max-width:600px;margin:42px 0;color:#aeb2be;line-height:1.75}.gravity-launch{display:flex;align-items:center;justify-content:space-between;max-width:680px;margin-top:52px;padding:24px 0;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.12);font-size:.72rem;font-weight:800;letter-spacing:.12em}.gravity-launch b{font-size:1.4rem}
@keyframes orbitFloat{0%,100%{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(-15deg) scale(1)}50%{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(-11deg) scale(1.025)}}

/* Inner pages */
.inner-body{background:#07080d;color:#f7f4ee}.inner-body .supernova-canvas{opacity:.55}.inner-main{position:relative;z-index:2}.inner-hero{min-height:84svh;display:flex;align-items:flex-end;padding:150px 0 90px;position:relative;overflow:hidden}.inner-hero:before{content:"";position:absolute;width:min(58vw,880px);aspect-ratio:1;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-11vw;top:4vh;transform:rotateX(66deg) rotateZ(-18deg)}.inner-kicker{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:.63rem;letter-spacing:.16em;color:#9297a5}.inner-kicker i{width:48px;height:1px;background:currentColor}.inner-hero h1{max-width:1200px;margin:38px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(4.6rem,9vw,10.5rem);line-height:.75;letter-spacing:-.07em}.inner-hero h1 em{display:block;font-weight:400;color:#79dfff}.inner-hero-lead{max-width:700px;margin:42px 0 0;color:#b3b7c2;font-size:1.08rem;line-height:1.8}.inner-meta{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:42px;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;color:#838897}.inner-section{padding:clamp(100px,11vw,180px) 0;position:relative}.inner-section.light{background:#eff1ea;color:#0c0e12}.inner-section.paper{background:#e5ff55;color:#10120c}.chapter-label{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:.62rem;letter-spacing:.15em;color:#8f95a3}.light .chapter-label,.paper .chapter-label{color:#4f544e}.chapter-label i{width:56px;height:1px;background:currentColor}.chapter-title{max-width:1120px;margin:46px 0 0;font-family:var(--serif);font-size:clamp(3.4rem,6vw,7.2rem);line-height:.88;letter-spacing:-.055em;font-weight:400}.chapter-title em{font-weight:400;color:#6d70ff}.chapter-lead{max-width:700px;margin:38px 0 0;color:#aeb2be;line-height:1.8}.light .chapter-lead,.paper .chapter-lead{color:#4d524b}.split-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);gap:90px;align-items:start}.big-question{font-family:var(--serif);font-size:clamp(3.6rem,6vw,7rem);line-height:.88;letter-spacing:-.055em;font-weight:400}.problem-stack{display:grid;border-top:1px solid rgba(255,255,255,.18)}.problem-stack article{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.13)}.problem-stack b{font-family:var(--mono);font-size:.62rem;color:#7f8492}.problem-stack strong{font-family:var(--serif);font-size:1.8rem;font-weight:400}.light .problem-stack{border-color:#c6cac4}.light .problem-stack article{border-color:#c6cac4}.constellation{position:relative;min-height:640px;margin-top:80px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 50% 50%,rgba(99,135,255,.13),transparent 38%),rgba(255,255,255,.02);overflow:hidden}.constellation .node{position:absolute;display:grid;place-items:center;min-width:150px;min-height:56px;padding:0 18px;border:1px solid rgba(255,255,255,.22);background:#0b0d14;font-size:.7rem;letter-spacing:.07em;text-align:center}.constellation .node.core{left:50%;top:48%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:50%;font-family:var(--serif);font-size:1.7rem;background:radial-gradient(circle,#1c2035,#0b0d14 62%);box-shadow:0 0 70px rgba(99,135,255,.22)}.constellation .n1{left:7%;top:16%}.constellation .n2{right:8%;top:17%}.constellation .n3{left:9%;bottom:15%}.constellation .n4{right:8%;bottom:15%}.constellation .n5{left:50%;top:7%;transform:translateX(-50%)}.constellation svg{position:absolute;inset:0;width:100%;height:100%}.constellation path{stroke:rgba(126,220,255,.36);stroke-width:1;fill:none;stroke-dasharray:4 7}.exploration-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:70px}.direction-card{min-height:390px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.025);transition:transform .35s ease,background .35s ease}.direction-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.06)}.direction-card.final{background:#eff1ea;color:#0b0d12}.direction-card span{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em}.direction-card strong{font-family:var(--serif);font-size:2.3rem;font-weight:400;line-height:.95}.system-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #c4c8c2;margin-top:70px}.system-grid article{min-height:330px;padding:38px;border-right:1px solid #c4c8c2;border-bottom:1px solid #c4c8c2}.system-grid article:nth-child(even){border-right:0}.system-grid b{font-family:var(--mono);font-size:.63rem}.system-grid h3{margin:65px 0 0;font-family:var(--serif);font-size:2.8rem;font-weight:400}.system-grid p{color:#555a55;line-height:1.7}.xray-shell{display:grid;grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);gap:80px;align-items:center}.xray-stack{position:relative;min-height:620px;perspective:1200px}.xray-layer{position:absolute;left:50%;top:50%;width:78%;height:360px;transform:translate(-50%,-50%) rotateX(58deg) rotateZ(-10deg);border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,rgba(30,36,56,.9),rgba(8,10,16,.95));display:flex;align-items:flex-end;padding:28px;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .4s}.xray-layer span{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em}.xray-stack.active .xray-layer:nth-child(1){transform:translate(-50%,-93%) rotateX(58deg) rotateZ(-10deg)}.xray-stack.active .xray-layer:nth-child(2){transform:translate(-50%,-70%) rotateX(58deg) rotateZ(-10deg)}.xray-stack.active .xray-layer:nth-child(3){transform:translate(-50%,-47%) rotateX(58deg) rotateZ(-10deg)}.xray-stack.active .xray-layer:nth-child(4){transform:translate(-50%,-24%) rotateX(58deg) rotateZ(-10deg)}.xray-stack.active .xray-layer:nth-child(5){transform:translate(-50%,-1%) rotateX(58deg) rotateZ(-10deg)}.xray-toggle{margin-top:30px;padding:15px 0;border:0;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.12);background:none;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.1em;cursor:pointer}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:72px;border-top:1px solid rgba(255,255,255,.15)}.result-grid article{min-height:260px;padding:34px 28px;border-right:1px solid rgba(255,255,255,.14)}.result-grid article:last-child{border-right:0}.result-grid strong{display:block;margin-top:72px;font-family:var(--serif);font-size:clamp(3.2rem,5vw,6rem);font-weight:400}.result-grid span{font-family:var(--mono);font-size:.62rem;color:#8e94a2}.next-world{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:80px 0}.next-world small{font-family:var(--mono);font-size:.61rem;letter-spacing:.13em;color:#858b99}.next-world strong{display:block;margin-top:20px;font-family:var(--serif);font-size:clamp(3rem,6vw,7rem);font-weight:400}.next-world b{font-size:2rem}
/* Archive */
.archive-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:40px 0 55px}.archive-filter,.view-toggle{display:flex;gap:8px;flex-wrap:wrap}.archive-filter button,.view-toggle button{border:1px solid rgba(255,255,255,.16);background:transparent;color:#9ea3b0;padding:10px 14px;font-size:.62rem;letter-spacing:.08em;cursor:pointer}.archive-filter button.active,.view-toggle button.active{background:#f4f2ec;color:#0b0d12}.work-grid-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.work-card-v2{position:relative;min-height:520px;padding:30px;border:1px solid rgba(255,255,255,.14);overflow:hidden;background:#0d1018;display:flex;flex-direction:column;justify-content:space-between;transition:transform .45s ease}.work-card-v2:hover{transform:translateY(-8px)}.work-card-v2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;transition:transform .7s ease,opacity .5s}.work-card-v2:hover img{transform:scale(1.04);opacity:.42}.work-card-v2>*:not(img){position:relative;z-index:2}.work-card-v2 small{font-family:var(--mono);font-size:.6rem;letter-spacing:.13em}.work-card-v2 strong{max-width:550px;font-family:var(--serif);font-size:clamp(2.7rem,4vw,5rem);line-height:.9;font-weight:400}.work-card-v2 p{max-width:450px;color:#c0c4cf}.universe-view{position:relative;display:none;min-height:780px;border:1px solid rgba(255,255,255,.12);overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(105,109,255,.13),transparent 36%)}.universe-view.active{display:block}.work-grid-v2.hidden{display:none}.planet{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#0c0f17;box-shadow:0 0 60px rgba(80,100,255,.12);transition:transform .35s,background .35s}.planet:hover{transform:scale(1.07);background:#141827}.planet span{font-family:var(--serif);font-size:1.25rem;text-align:center}.planet small{position:absolute;bottom:-26px;font-family:var(--mono);font-size:.56rem;color:#8e94a2}.planet.p1{width:230px;height:230px;left:10%;top:18%}.planet.p2{width:185px;height:185px;right:13%;top:13%}.planet.p3{width:210px;height:210px;left:42%;bottom:14%}.planet.p4{width:120px;height:120px;right:12%;bottom:18%;border-style:dashed}.universe-ring{position:absolute;left:50%;top:50%;width:70%;height:70%;transform:translate(-50%,-50%) rotateX(66deg);border:1px solid rgba(255,255,255,.11);border-radius:50%}
/* Studio */
.discipline-orbit{position:relative;min-height:720px;margin-top:70px}.discipline-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:4rem;background:radial-gradient(circle,#fff 0 2%,#72e0ff 10%,#6c67ff 25%,#ff4ea8 42%,transparent 72%)}.discipline-item{position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;text-align:center;font-size:.68rem;letter-spacing:.1em;cursor:pointer;transition:background .3s,transform .3s}.discipline-item:hover,.discipline-item.active{background:rgba(255,255,255,.08);transform:scale(1.07)}.discipline-item.d1{left:9%;top:16%}.discipline-item.d2{right:10%;top:14%}.discipline-item.d3{left:7%;bottom:10%}.discipline-item.d4{right:8%;bottom:9%}.discipline-item.d5{left:50%;top:3%;transform:translateX(-50%)}.discipline-detail{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);width:min(620px,75%);text-align:center;color:#aeb2be;line-height:1.7}.principles{display:grid;grid-template-columns:1fr 1fr}.principle{min-height:60svh;padding:80px 54px;border-right:1px solid #c8ccc6;border-bottom:1px solid #c8ccc6}.principle:nth-child(even){border-right:0}.principle b{font-family:var(--mono);font-size:.62rem}.principle h3{margin:100px 0 0;font-family:var(--serif);font-size:clamp(3rem,5vw,6rem);font-weight:400;line-height:.88}.principle p{max-width:520px;color:#555a55;line-height:1.75}
/* Lab */
.lab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.lab-card{min-height:560px;padding:32px;border:1px solid rgba(255,255,255,.13);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:#0c0e16}.lab-card.wide{grid-column:1/-1;min-height:650px}.lab-card .lab-num{font-family:var(--mono);font-size:.62rem;color:#858b99}.lab-card h2{max-width:650px;margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(3rem,5vw,6rem);line-height:.88}.gravity-type-demo{font-family:var(--serif);font-size:clamp(4rem,9vw,11rem);letter-spacing:-.07em;text-align:center;transition:transform .12s ease}.search-demo{position:relative;min-height:360px}.search-demo span{position:absolute;padding:11px 14px;border:1px solid rgba(255,255,255,.16);background:#10131c;font-size:.61rem}.search-demo .s1{left:42%;top:40%}.search-demo .s2{left:8%;top:15%}.search-demo .s3{right:8%;top:16%}.search-demo .s4{left:10%;bottom:16%}.search-demo .s5{right:10%;bottom:16%}
/* Project Gravity */
.gravity-app{min-height:100svh;display:grid;grid-template-columns:minmax(280px,.34fr) 1fr;padding-top:76px}.gravity-sidebar{position:sticky;top:76px;height:calc(100svh - 76px);padding:44px;border-right:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column;justify-content:space-between}.gravity-sidebar strong{font-family:var(--serif);font-size:2.2rem;font-weight:400}.gravity-progress{display:grid;gap:14px}.gravity-progress span{font-family:var(--mono);font-size:.58rem;color:#636978}.gravity-progress span.active{color:#fff}.gravity-panel{min-height:calc(100svh - 76px);padding:clamp(45px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.gravity-step{display:none}.gravity-step.active{display:block}.gravity-step>small{font-family:var(--mono);font-size:.62rem;color:#878d9a;letter-spacing:.14em}.gravity-step h1,.gravity-step h2{max-width:900px;margin:30px 0 0;font-family:var(--serif);font-size:clamp(3.4rem,6.5vw,7.4rem);line-height:.84;letter-spacing:-.06em;font-weight:400}.gravity-step p{max-width:620px;color:#aeb2be;line-height:1.75}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}.choice{min-height:140px;padding:22px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.02);color:#fff;text-align:left;cursor:pointer;transition:border-color .25s,background .25s,transform .25s}.choice:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.42)}.choice.selected{background:#eff1ea;color:#0b0d12}.choice b{display:block;margin-top:44px;font-family:var(--serif);font-size:1.6rem;font-weight:400}.gravity-nav{display:flex;gap:12px;margin-top:46px}.gravity-next,.gravity-back{padding:16px 22px;border:1px solid rgba(255,255,255,.2);background:#fff;color:#0b0d12;font-size:.68rem;font-weight:800;letter-spacing:.09em;cursor:pointer}.gravity-back{background:transparent;color:#fff}.gravity-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.15);margin-top:45px}.gravity-summary article{background:#0b0e15;padding:28px}.gravity-summary small{font-family:var(--mono);color:#828897}.gravity-summary strong{display:block;margin-top:16px;font-family:var(--serif);font-size:2rem;font-weight:400}.gravity-actions-final{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
/* Notes */.notes-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.14)}.note-card{min-height:360px;padding:36px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.note-card:nth-child(even){border-right:0}.note-card small{font-family:var(--mono);color:#858b99}.note-card h2{margin:80px 0 0;font-family:var(--serif);font-size:clamp(2.5rem,4vw,4.6rem);line-height:.9;font-weight:400}.note-card p{max-width:520px;color:#aeb2be;line-height:1.7}.note-card a{display:inline-block;margin-top:24px;border-bottom:1px solid rgba(255,255,255,.4);font-size:.65rem;letter-spacing:.09em}
/* Shared inner nav/footer */
.inner-header{position:fixed;z-index:60;top:0;left:0;right:0;background:rgba(7,8,13,.75);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1)}.inner-header .nav-shell{min-height:76px}.inner-footer{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.12);padding:36px 0}.inner-footer .footer-shell{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-family:var(--mono);font-size:.59rem;color:#838997}.inner-cta{padding:clamp(110px,13vw,210px) 0;background:#eef0e8;color:#0b0d12}.inner-cta h2{max-width:1000px;margin:0;font-family:var(--serif);font-size:clamp(4rem,8vw,9rem);font-weight:400;line-height:.8;letter-spacing:-.065em}.inner-cta p{max-width:590px;color:#555a55;line-height:1.75;margin:36px 0}.inner-cta .button{background:#0b0d12;color:#fff}
@media(max-width:980px){.lab-preview-shell,.split-copy,.xray-shell{grid-template-columns:1fr}.lab-orbits{min-height:500px}.transformation-head{grid-template-columns:1fr;gap:30px}.exploration-rail{grid-template-columns:repeat(2,1fr)}.result-grid{grid-template-columns:repeat(2,1fr)}.result-grid article:nth-child(2){border-right:0}.work-grid-v2,.lab-grid{grid-template-columns:1fr}.lab-card.wide{grid-column:auto}.gravity-app{grid-template-columns:1fr;padding-top:76px}.gravity-sidebar{position:relative;top:auto;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.13);padding:28px}.gravity-progress{display:flex;flex-wrap:wrap}.choice-grid{grid-template-columns:repeat(2,1fr)}.principles{grid-template-columns:1fr}.principle{border-right:0}.notes-grid{grid-template-columns:1fr}.note-card{border-right:0}.universe-view{min-height:650px}.planet.p1{left:5%;top:12%}.planet.p2{right:5%;top:14%}}
@media(max-width:680px){.result-grid strong{font-size:clamp(2.35rem,10.8vw,2.65rem)}.before-after-grid{grid-template-columns:1fr}.gravity-arrow{height:70px}.gravity-arrow i{inset:0 50%}.gravity-arrow b{width:52px;height:52px;transform:rotate(90deg)}.lab-orbits{min-height:360px}.lab-orbit-a{width:210px;height:210px}.lab-orbit-b{width:300px;height:300px}.lab-orbit-c{width:390px;height:390px}.lab-core-mini{width:100px;height:100px;font-size:2.8rem}.exploration-rail,.system-grid,.result-grid,.choice-grid,.gravity-summary{grid-template-columns:1fr}.system-grid article,.result-grid article{border-right:0}.constellation{min-height:560px}.constellation .node{min-width:110px;font-size:.57rem}.constellation .node.core{width:150px;height:150px;font-size:1.2rem}.work-grid-v2{grid-template-columns:1fr}.work-card-v2{min-height:430px}.archive-controls{align-items:flex-start;flex-direction:column}.universe-view{display:none!important}.view-toggle{display:none}.inner-hero{min-height:72svh;padding-top:130px}.inner-hero h1{font-size:clamp(4rem,18vw,7rem)}.discipline-orbit{min-height:660px}.discipline-item{width:120px;height:120px;font-size:.58rem}.discipline-item.d1{left:0}.discipline-item.d2{right:0}.discipline-item.d3{left:0}.discipline-item.d4{right:0}.discipline-detail{width:90%}.principle{padding:60px 0}.gravity-panel{padding:46px 22px}.gravity-sidebar{padding:24px 22px}.gravity-step h1,.gravity-step h2{font-size:clamp(3.6rem,16vw,6rem)}}
/* Homepage editorial notes + method link */
.home-notes{padding:clamp(110px,12vw,190px) 0;background:#111318;color:#f7f4ee}.home-notes-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-top:52px}.home-notes-head h2{margin:0;font-family:var(--serif);font-size:clamp(4rem,7vw,8.2rem);font-weight:400;line-height:.82;letter-spacing:-.06em}.home-notes-head h2 em{font-weight:400;color:#ff9c68}.home-notes .text-link{color:#f7f4ee;border-color:rgba(255,255,255,.4)}.home-notes-list{margin-top:72px;border-top:1px solid rgba(255,255,255,.14)}.home-notes-list a{display:grid;grid-template-columns:180px 1fr 40px;gap:30px;align-items:center;min-height:150px;border-bottom:1px solid rgba(255,255,255,.14);transition:background .3s,padding .3s}.home-notes-list a:hover{background:rgba(255,255,255,.035);padding:0 18px}.home-notes-list small{font-family:var(--mono);font-size:.58rem;color:#818795;letter-spacing:.12em}.home-notes-list strong{font-family:var(--serif);font-size:clamp(1.8rem,3vw,3.4rem);font-weight:400;line-height:.95}.home-notes-list b{font-size:1.35rem}.process-method-link{display:flex;align-items:center;justify-content:space-between;max-width:520px;margin-top:48px;padding:17px 0;border-top:1px solid rgba(7,8,13,.35);border-bottom:1px solid rgba(7,8,13,.18);color:#07080d;font-size:.68rem;font-weight:800;letter-spacing:.09em}.contact-secondary{color:#d0d3da;font-size:.72rem;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:9px}.contact-signature{font-size:clamp(8rem,24vw,28rem)}
@media(max-width:680px){.home-notes-head{display:block}.home-notes-head .text-link{margin-top:32px}.home-notes-list a{grid-template-columns:1fr 28px;gap:12px;padding:28px 0}.home-notes-list small{grid-column:1/-1}.home-notes-list strong{font-size:2rem}.home-notes-list a:hover{padding:28px 0}}
/* Method */
.method-chapter{padding:clamp(110px,13vw,220px) 0;background:#080a10;color:#f7f4ee;border-top:1px solid rgba(255,255,255,.12)}.method-chapter.light{background:#eef0e8;color:#0b0d12}.method-chapter.paper{background:#e8ff59;color:#0b0d12}.method-chapter-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.62fr);gap:100px;align-items:start}.method-chapter h2{margin:56px 0 0;font-family:var(--serif);font-size:clamp(4rem,7vw,8rem);font-weight:400;line-height:.82;letter-spacing:-.06em}.method-chapter h2 em{font-weight:400;color:#70ddff}.method-chapter.light h2 em{color:#686cff}.method-chapter.paper h2 em{color:#0b0d12}.method-detail{padding-top:55px}.method-detail strong{font-family:var(--serif);font-size:2rem;font-weight:400}.method-detail p{margin:28px 0;color:#aeb2be;line-height:1.8}.light .method-detail p,.paper .method-detail p{color:#51564f}.method-detail ul{list-style:none;padding:0;margin:38px 0;border-top:1px solid currentColor}.method-detail li{padding:16px 0;border-bottom:1px solid currentColor;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}.method-detail small{font-family:var(--mono);font-size:.6rem;letter-spacing:.13em;opacity:.65}@media(max-width:800px){.method-chapter-grid{grid-template-columns:1fr;gap:30px}.method-detail{padding-top:0}}
/* Mobile universe navigation */
@media(max-width:800px){body.nav-open{overflow:hidden}.site-header .nav-links,.inner-header .nav-links{inset:72px 0 0!important;top:72px!important;height:calc(100svh - 72px);padding:8vh 7vw 5vh!important;border:0!important;border-top:1px solid rgba(255,255,255,.1)!important;background:radial-gradient(circle at 78% 68%,rgba(53,217,255,.12),transparent 28%),radial-gradient(circle at 18% 18%,rgba(255,78,168,.12),transparent 30%),rgba(7,8,13,.985)!important;backdrop-filter:blur(24px)!important;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;overflow:hidden}.site-header .nav-links::before,.inner-header .nav-links::before{content:"";position:absolute;width:82vw;aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-36vw;bottom:-24vw;transform:rotateX(66deg);pointer-events:none}.site-header .nav-links a,.inner-header .nav-links a{position:relative;z-index:1;width:100%;padding:14px 0!important;border-bottom:1px solid rgba(255,255,255,.11)!important;font-family:var(--serif);font-size:clamp(2.5rem,12vw,4.8rem)!important;font-weight:400!important;line-height:.95;letter-spacing:-.045em!important;text-transform:none!important;color:#f7f4ee!important}.site-header .nav-links a:nth-child(4),.inner-header .nav-links a:nth-child(4){color:#72ddff!important}.site-header .nav-links a::after,.inner-header .nav-links a::after{display:none}.nav-open .cursor-glow{opacity:0}}


/* X-Ray material upgrade */
.xray-stack-rich .xray-layer{overflow:hidden;isolation:isolate}
.xray-stack-rich .xray-layer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,rgba(121,223,255,.11),transparent 34%),linear-gradient(180deg,rgba(9,11,18,.04),rgba(7,8,13,.25)),var(--layer-media) center top / cover no-repeat;opacity:.22;transform:scale(1.03);z-index:0}
.xray-stack-rich .xray-layer:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,8,13,.95) 4%,rgba(8,10,16,.68) 38%,rgba(255,255,255,.03) 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 84px),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 74px);z-index:0}
.xray-stack-rich .xray-layer>span{position:relative;z-index:3}
.xray-layer-art{position:absolute;inset:18px 18px 62px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(210px,.82fr);gap:14px;align-items:stretch;z-index:1}
.xray-shot,.xray-note,.xray-terminal{border:1px solid rgba(255,255,255,.12);background:rgba(8,10,16,.58);backdrop-filter:blur(16px);box-shadow:0 18px 45px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)}
.xray-shot{position:relative;min-height:100%;border-radius:18px;overflow:hidden}
.xray-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(1.03) contrast(1.02)}
.xray-shot:after{content:"";position:absolute;inset:auto 0 0 0;height:50%;background:linear-gradient(180deg,rgba(8,10,16,0),rgba(8,10,16,.45) 36%,rgba(8,10,16,.72) 100%)}
.xray-shot figcaption{position:absolute;left:14px;bottom:12px;z-index:1;font-family:var(--mono);font-size:.51rem;letter-spacing:.14em;color:#f0efe9;text-transform:uppercase}
.xray-side{display:grid;align-content:start;gap:10px}
.xray-note{border-radius:18px;padding:15px 16px 14px}
.xray-note small{display:block;font-family:var(--mono);font-size:.55rem;letter-spacing:.14em;color:#95a1b6}
.xray-note strong{display:block;margin-top:8px;font-family:var(--serif);font-size:1.08rem;font-weight:400;line-height:1.02;color:#f4f3ee}
.xray-note p{margin:8px 0 0;font-size:.72rem;line-height:1.52;color:#b6bcc9}
.xray-chip-row{display:flex;flex-wrap:wrap;gap:8px}.xray-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05);font-family:var(--mono);font-size:.52rem;letter-spacing:.12em;color:#e4e2da}
.xray-swatch-row{display:flex;gap:8px;flex-wrap:wrap}.xray-swatch{width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.17);background:var(--sw);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.xray-seo-lines{position:relative;height:28px;border:1px solid rgba(121,223,255,.1);border-radius:16px;background:rgba(121,223,255,.04);overflow:hidden}.xray-seo-lines i{position:absolute;left:10px;height:1px;background:linear-gradient(90deg,rgba(121,223,255,.72),rgba(121,223,255,0));transform-origin:left center}.xray-seo-lines i:nth-child(1){top:8px;width:44%;transform:rotate(-10deg)}.xray-seo-lines i:nth-child(2){top:14px;width:58%;transform:rotate(0)}.xray-seo-lines i:nth-child(3){top:20px;width:37%;transform:rotate(12deg)}
.xray-track{display:grid;gap:7px}.xray-track span{display:block;height:9px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.24),rgba(255,255,255,.04))}.xray-track span:nth-child(1){width:82%}.xray-track span:nth-child(2){width:64%}.xray-track span:nth-child(3){width:90%}
.xray-terminal{display:grid;gap:8px;padding:12px 14px;border-radius:18px;font-family:var(--mono);font-size:.58rem;color:#c6ff5b}.xray-terminal span{display:block;padding:8px 10px;border-radius:12px;background:rgba(5,8,12,.54);border:1px solid rgba(198,255,91,.1)}
@media(max-width:1140px){.xray-layer-art{grid-template-columns:minmax(0,1fr) 200px;gap:10px}.xray-note{padding:13px}.xray-note strong{font-size:.98rem}.xray-note p{font-size:.66rem}.xray-chip{min-height:24px;padding:0 8px;font-size:.46rem}.xray-swatch{width:22px;height:22px}}

/* Project Gravity layer materials */
.choice-grid-rich{grid-template-columns:repeat(2,1fr)}
.choice-rich{position:relative;overflow:hidden;min-height:220px;padding:18px 18px 16px;display:flex;flex-direction:column;justify-content:space-between;border-color:rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}
.choice-rich:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(121,223,255,.12),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,0));pointer-events:none}
.choice-rich .choice-art{position:relative;display:block;height:102px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(7,9,15,.78);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.choice-rich .choice-art i{position:absolute;display:block}
.choice-rich .choice-copy{display:block;position:relative;z-index:1}
.choice-rich .choice-copy small{display:block;font-family:var(--mono);font-size:.55rem;letter-spacing:.14em;color:#8d93a1}
.choice-rich b{margin-top:10px;font-size:1.5rem}
.choice-rich em{display:block;margin-top:6px;font-style:normal;color:#aeb2be;line-height:1.45;font-size:.74rem}
.choice-rich.selected{background:#eff1ea;color:#0b0d12}.choice-rich.selected .choice-copy small,.choice-rich.selected em{color:#454b58}.choice-rich.selected .choice-art{background:rgba(255,255,255,.85);border-color:rgba(10,12,18,.08)}
.choice-orbit .choice-art i:nth-child(1){width:140px;height:140px;border:1px solid rgba(109,112,255,.28);border-radius:50%;left:-16px;top:-26px}.choice-orbit .choice-art i:nth-child(2){width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,rgba(121,223,255,.95),rgba(109,112,255,.28) 38%,rgba(109,112,255,0) 68%);left:52px;top:18px}.choice-orbit .choice-art i:nth-child(3){width:84px;height:1px;background:linear-gradient(90deg,rgba(121,223,255,.8),rgba(121,223,255,0));right:18px;bottom:28px}
.choice-design .choice-art{background:linear-gradient(180deg,rgba(12,14,21,.88),rgba(8,10,16,.96))}.choice-design .choice-art i:nth-child(1){left:14px;top:14px;right:14px;bottom:32px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}.choice-design .choice-art i:nth-child(2){left:22px;top:24px;width:38%;height:8px;border-radius:999px;background:#f1ede5;box-shadow:0 16px 0 rgba(241,237,229,.9),0 32px 0 rgba(241,237,229,.45)}.choice-design .choice-art i:nth-child(3){right:22px;bottom:14px;width:58px;height:12px;border-radius:999px;background:#6d70ff;box-shadow:-18px 0 0 #79dfff,-36px 0 0 #e5ff55}
.choice-code .choice-art i:nth-child(1){left:16px;top:14px;right:16px;height:14px;border-radius:8px;background:rgba(255,255,255,.06)}.choice-code .choice-art i:nth-child(2){left:16px;top:40px;right:50px;height:9px;border-radius:999px;background:#c6ff5b;box-shadow:0 18px 0 rgba(198,255,91,.72),0 36px 0 rgba(198,255,91,.44)}.choice-code .choice-art i:nth-child(3){right:16px;top:40px;width:22px;height:56px;border-radius:12px;background:rgba(198,255,91,.12);border:1px solid rgba(198,255,91,.18)}
.choice-seo .choice-art i:nth-child(1){left:50%;top:50%;width:58px;height:58px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#79dfff,rgba(121,223,255,.1) 62%,rgba(121,223,255,0) 70%)}.choice-seo .choice-art i:nth-child(2){left:12px;right:12px;top:50%;height:1px;background:linear-gradient(90deg,rgba(121,223,255,.25),rgba(121,223,255,.6),rgba(121,223,255,.25))}.choice-seo .choice-art i:nth-child(3){left:20px;right:20px;bottom:18px;height:18px;border-radius:999px;border:1px solid rgba(121,223,255,.14);background:repeating-linear-gradient(90deg,rgba(121,223,255,.12) 0 24px,transparent 24px 30px)}
.choice-lang .choice-art i:nth-child(1){left:16px;top:18px;width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,#f7f4ee,#d8d2c9)}.choice-lang .choice-art i:nth-child(2){left:88px;top:18px;width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,#13161f,#3f4657)}.choice-lang .choice-art i:nth-child(3){left:18px;right:18px;bottom:14px;height:12px;border-radius:999px;background:linear-gradient(90deg,#c11c2f 0 33%,#f6f5f0 33% 66%,#007a42 66% 100%)}
.choice-motion .choice-art i:nth-child(1){left:14px;right:14px;bottom:18px;height:14px;border-radius:999px;background:linear-gradient(90deg,rgba(109,112,255,.15),rgba(121,223,255,.4),rgba(109,112,255,.15))}.choice-motion .choice-art i:nth-child(2){left:30px;top:20px;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,#79dfff,rgba(121,223,255,.05) 70%)}.choice-motion .choice-art i:nth-child(3){right:22px;top:24px;width:70px;height:40px;border-top:2px solid rgba(255,255,255,.35);border-right:2px solid rgba(255,255,255,.22);border-radius:0 40px 0 0;transform:skewX(-18deg)}


/* Luxury X-Ray + Gravity refinement */
.xray-stack-rich .xray-layer{
  border-color:rgba(207,183,127,.26);
  background:linear-gradient(145deg,rgba(33,28,23,.86),rgba(8,10,16,.96));
  box-shadow:
    0 24px 60px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 0 0 1px rgba(207,183,127,.08);
}
.xray-stack-rich .xray-layer:before{
  opacity:.26;
  background:
    radial-gradient(circle at 82% 16%,rgba(207,183,127,.18),transparent 26%),
    radial-gradient(circle at 20% 78%,rgba(121,223,255,.10),transparent 30%),
    linear-gradient(180deg,rgba(9,11,18,.04),rgba(7,8,13,.22)),
    var(--layer-media) center top / cover no-repeat;
}
.xray-stack-rich .xray-layer:after{
  background:
    linear-gradient(0deg,rgba(8,9,14,.96) 6%,rgba(9,11,18,.78) 33%,rgba(255,255,255,.02) 100%),
    linear-gradient(135deg,rgba(207,183,127,.08),transparent 28%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 86px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 72px);
}
.xray-layer-art{inset:16px 16px 66px;grid-template-columns:minmax(0,1.16fr) minmax(230px,.84fr);gap:16px}
.xray-shot,.xray-note,.xray-terminal{
  background:linear-gradient(180deg,rgba(17,18,26,.72),rgba(10,11,17,.86));
  border-color:rgba(207,183,127,.16);
  box-shadow:0 22px 50px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05);
}
.xray-shot{border-radius:20px}
.xray-shot:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 18%,transparent 72%,rgba(207,183,127,.10));
  pointer-events:none;z-index:1;
}
.xray-shot:after{height:56%;background:linear-gradient(180deg,rgba(8,10,16,0),rgba(8,10,16,.40) 32%,rgba(8,10,16,.86) 100%)}
.xray-shot figcaption{
  left:16px;bottom:14px;padding:8px 12px;border-radius:999px;
  border:1px solid rgba(207,183,127,.20);
  background:rgba(12,13,18,.62);backdrop-filter:blur(12px);
  color:#f4efe1;letter-spacing:.16em;font-size:.5rem;
}
.xray-side{gap:12px}
.xray-note{border-radius:20px;padding:16px 17px 15px;position:relative;overflow:hidden}
.xray-note:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,#cfb77f,#79dfff);opacity:.9;
}
.xray-note small{color:#a79f90;letter-spacing:.18em}
.xray-note strong{margin-top:9px;font-size:1.14rem;line-height:1.02;color:#faf6ea}
.xray-note p{margin-top:9px;font-size:.74rem;line-height:1.56;color:#b9bdc6}
.xray-chip-row{gap:8px}
.xray-chip{
  min-height:29px;padding:0 11px;
  border-color:rgba(207,183,127,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  color:#efe9db;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.xray-swatch-row{gap:10px}
.xray-swatch{width:30px;height:30px;border-color:rgba(255,255,255,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px rgba(0,0,0,.22)}
.xray-seo-lines{border-color:rgba(207,183,127,.12);background:linear-gradient(90deg,rgba(207,183,127,.08),rgba(121,223,255,.04))}
.xray-track span{background:linear-gradient(90deg,rgba(207,183,127,.38),rgba(255,255,255,.07))}
.xray-terminal{padding:14px 15px;border-radius:20px;color:#d7f88e}
.xray-terminal span{border-color:rgba(207,183,127,.08);background:rgba(5,8,12,.54)}
.xray-stack-rich .xray-layer>span{
  left:0;right:auto;bottom:22px;display:inline-flex;align-items:center;gap:10px;
  padding:0 13px;min-height:28px;border-radius:999px;
  border:1px solid rgba(207,183,127,.16);
  background:rgba(10,12,18,.68);backdrop-filter:blur(12px);
  color:#f2ebdc;
}
.xray-stack-rich .xray-layer>span:before{content:"";width:6px;height:6px;border-radius:50%;background:#cfb77f;box-shadow:0 0 12px rgba(207,183,127,.45)}
.xray-layer-note .xray-note:before{background:linear-gradient(180deg,#cfb77f,#e6d8b3)}
.xray-layer-seo .xray-note:before{background:linear-gradient(180deg,#79dfff,#6d70ff)}
.xray-layer-design .xray-note:before{background:linear-gradient(180deg,#f7f4ee,#cfb77f)}
.xray-layer-interaction .xray-note:before{background:linear-gradient(180deg,#79dfff,#cfb77f)}
.xray-layer-code .xray-note:before{background:linear-gradient(180deg,#c6ff5b,#79dfff)}

.choice-grid-rich{gap:14px;margin-top:54px}
.choice-rich{
  min-height:232px;padding:20px 20px 18px;
  border-color:rgba(207,183,127,.14);
  background:
    radial-gradient(circle at 86% 16%,rgba(207,183,127,.10),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
  box-shadow:0 16px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
}
.choice-rich:hover{transform:translateY(-6px);border-color:rgba(207,183,127,.26)}
.choice-rich .choice-art{height:108px;border-radius:20px;border-color:rgba(207,183,127,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.choice-rich .choice-copy small{color:#a69d8f;letter-spacing:.16em}
.choice-rich b{margin-top:12px;font-size:1.62rem;line-height:.95;color:#faf6ea}
.choice-rich em{margin-top:8px;font-size:.76rem;line-height:1.5;color:#b7bcc5}
.choice-rich.selected{background:#f2eee7;color:#0b0d12;border-color:rgba(11,13,18,.06)}
.choice-rich.selected b{color:#16171e}
.choice-rich.selected .choice-copy small,.choice-rich.selected em{color:#505462}
.choice-rich.selected .choice-art{background:linear-gradient(180deg,rgba(247,244,238,.96),rgba(229,225,216,.92));border-color:rgba(11,13,18,.07)}
.choice-rich.selected::before{opacity:.5}
@media(max-width:1140px){
  .xray-layer-art{grid-template-columns:minmax(0,1fr) 205px;gap:12px}
  .xray-note strong{font-size:1rem}.xray-note p{font-size:.67rem}
  .choice-rich{min-height:218px}.choice-rich b{font-size:1.44rem}
}


/* Rebuilt fitted X-ray system */
.xray-stack-fitted .xray-layer{
  overflow:hidden;
  isolation:isolate;
}
.xray-stack-fitted .xray-layer:before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 78% 18%,rgba(207,183,127,.12),transparent 24%),
    linear-gradient(180deg,rgba(7,8,13,.06),rgba(7,8,13,.16)),
    var(--layer-media) center center / cover no-repeat;
  opacity:.22;transform:scale(1.03);z-index:0;
}
.xray-stack-fitted .xray-layer:after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(0deg,rgba(7,9,14,.92) 0%,rgba(7,9,14,.48) 34%,rgba(255,255,255,.02) 100%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 92px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 74px);
  z-index:0;
}
.xray-stack-fitted .xray-layer-art{
  position:absolute;inset:14px 14px 56px;display:block;z-index:1;
}
.xray-stack-fitted .xray-shot{
  position:relative;height:100%;min-height:100%;border-radius:22px;overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(9,11,16,.76);
  box-shadow:0 24px 54px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05);
}
.xray-stack-fitted .xray-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.03) contrast(1.02)}
.xray-stack-fitted .xray-shot:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 18%,transparent 78%,rgba(207,183,127,.08));
  pointer-events:none;z-index:1;
}
.xray-stack-fitted .xray-shot:after{content:"";position:absolute;inset:auto 0 0 0;height:32%;background:linear-gradient(180deg,rgba(8,10,16,0),rgba(8,10,16,.15) 24%,rgba(8,10,16,.42) 78%,rgba(8,10,16,.72) 100%)}
.xray-stack-fitted .xray-shot figcaption{
  position:absolute;left:16px;bottom:14px;z-index:2;
  padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);
  background:rgba(10,12,18,.58);backdrop-filter:blur(10px);
  font-family:var(--mono);font-size:.5rem;letter-spacing:.16em;color:#f2ede1;text-transform:uppercase;
}
.xray-layer-pill{
  position:absolute;right:18px;top:18px;z-index:2;
  min-width:150px;padding:14px 16px 13px;border-radius:18px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(9,11,16,.54);backdrop-filter:blur(16px);
  box-shadow:0 16px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
}
.xray-layer-pill small{display:block;font-family:var(--mono);font-size:.52rem;letter-spacing:.16em;color:#a89d8b}
.xray-layer-pill strong{display:block;margin-top:8px;font-family:var(--serif);font-size:1.12rem;font-weight:400;line-height:1;color:#fbf7ea}
.xray-stack-fitted .xray-layer>span{
  position:relative;z-index:3;
  display:inline-flex;align-items:center;gap:10px;
  min-height:28px;padding:0 13px;border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(10,12,18,.70);backdrop-filter:blur(12px);
  color:#f1ebdd;
}
.xray-stack-fitted .xray-layer>span:before{content:"";width:6px;height:6px;border-radius:50%;background:#cfb77f;box-shadow:0 0 10px rgba(207,183,127,.42)}

@media(max-width:1140px){
  .xray-stack-fitted .xray-layer-art{inset:12px 12px 54px}
  .xray-layer-pill{right:14px;top:14px;min-width:135px;padding:11px 13px 10px}
  .xray-layer-pill strong{font-size:.98rem}
}


/* FINAL X-RAY REBUILD — camera-readable exploded system */
.xray-stack-project,
.xray-stack-capabilities{
  position:relative;
  perspective:1600px;
  transform-style:preserve-3d;
}
.xray-stack-project{min-height:720px}
.xray-stack-capabilities{min-height:860px}
.xray-stack-project .xray-layer,
.xray-stack-capabilities .xray-layer{
  position:absolute;
  left:50%;top:50%;
  width:86%;
  height:auto;
  aspect-ratio:1.95/1;
  padding:10px;
  overflow:visible;
  display:flex;
  align-items:flex-end;
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(22,26,39,.97),rgba(8,10,16,.99));
  box-shadow:0 34px 72px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.045);
  transform:translate(-50%,-50%) rotateX(36deg) rotateZ(-6deg);
  transform-origin:50% 52%;
  transition:transform .78s cubic-bezier(.2,.8,.2,1),filter .35s ease,opacity .35s ease,border-color .35s ease;
  will-change:transform;
}
.xray-stack-project .xray-layer:nth-child(1),.xray-stack-capabilities .xray-layer:nth-child(1){z-index:5}
.xray-stack-project .xray-layer:nth-child(2),.xray-stack-capabilities .xray-layer:nth-child(2){z-index:4}
.xray-stack-project .xray-layer:nth-child(3),.xray-stack-capabilities .xray-layer:nth-child(3){z-index:3}
.xray-stack-project .xray-layer:nth-child(4),.xray-stack-capabilities .xray-layer:nth-child(4){z-index:2}
.xray-stack-project .xray-layer:nth-child(5),.xray-stack-capabilities .xray-layer:nth-child(5){z-index:1}
.xray-stack-project.active .xray-layer:nth-child(1),
.xray-stack-capabilities.active .xray-layer:nth-child(1){transform:translate(-50%,-112%) rotateX(36deg) rotateZ(-6deg)}
.xray-stack-project.active .xray-layer:nth-child(2),
.xray-stack-capabilities.active .xray-layer:nth-child(2){transform:translate(-50%,-82%) rotateX(36deg) rotateZ(-6deg)}
.xray-stack-project.active .xray-layer:nth-child(3),
.xray-stack-capabilities.active .xray-layer:nth-child(3){transform:translate(-50%,-52%) rotateX(36deg) rotateZ(-6deg)}
.xray-stack-project.active .xray-layer:nth-child(4),
.xray-stack-capabilities.active .xray-layer:nth-child(4){transform:translate(-50%,-22%) rotateX(36deg) rotateZ(-6deg)}
.xray-stack-project.active .xray-layer:nth-child(5),
.xray-stack-capabilities.active .xray-layer:nth-child(5){transform:translate(-50%,8%) rotateX(36deg) rotateZ(-6deg)}
.xray-stack-project:not(.active) .xray-layer:nth-child(1){transform:translate(-50%,-56%) rotateX(36deg) rotateZ(-6deg)}
.xray-stack-project:not(.active) .xray-layer:nth-child(2){transform:translate(-50%,-51%) rotateX(36deg) rotateZ(-6deg)}
.xray-stack-project:not(.active) .xray-layer:nth-child(3){transform:translate(-50%,-46%) rotateX(36deg) rotateZ(-6deg)}
.xray-stack-project:not(.active) .xray-layer:nth-child(4){transform:translate(-50%,-41%) rotateX(36deg) rotateZ(-6deg)}
.xray-stack-project:not(.active) .xray-layer:nth-child(5){transform:translate(-50%,-36%) rotateX(36deg) rotateZ(-6deg)}
.xray-project-frame,
.xray-capability-frame{
  position:absolute;inset:9px 9px 48px;
  overflow:hidden;
  border-radius:18px;
  background:#080a10;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .35s ease,filter .35s ease,box-shadow .35s ease;
}
.xray-project-frame:before,
.xray-capability-frame:before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 20%,transparent 76%,rgba(121,223,255,.035));
}
.xray-project-frame img,
.xray-capability-frame img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center center;
}
.xray-project-frame img{filter:saturate(1.02) brightness(.98) contrast(1.01)}
.xray-capability-frame img{filter:saturate(1.05) brightness(1.04) contrast(1.02)}
.xray-stack-project .xray-layer>span,
.xray-stack-capabilities .xray-layer>span{
  position:relative;z-index:3;
  min-height:28px;padding:0 12px;
  display:inline-flex;align-items:center;gap:9px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(9,11,17,.74);
  backdrop-filter:blur(12px);
  color:#eee8db;
  font-family:var(--mono);font-size:.55rem;letter-spacing:.14em;
}
.xray-stack-project .xray-layer>span:before,
.xray-stack-capabilities .xray-layer>span:before{
  content:"";width:6px;height:6px;border-radius:50%;background:#cfb77f;box-shadow:0 0 12px rgba(207,183,127,.45)
}
.xray-stack-project.active .xray-layer:hover,
.xray-stack-capabilities.active .xray-layer:hover{
  border-color:rgba(121,223,255,.28);
  filter:brightness(1.08);
}
.xray-stack-project.active .xray-layer:hover .xray-project-frame,
.xray-stack-capabilities.active .xray-layer:hover .xray-capability-frame{
  transform:scale(1.018);
  box-shadow:0 28px 58px rgba(0,0,0,.34),0 0 0 1px rgba(121,223,255,.08) inset;
}
.xray-stack-project.active:has(.xray-layer:hover) .xray-layer:not(:hover),
.xray-stack-capabilities.active:has(.xray-layer:hover) .xray-layer:not(:hover){filter:brightness(.72) saturate(.82)}
.xray-stack-project:not(.active) .xray-layer:not(:first-child){filter:brightness(.48) saturate(.75)}
.xray-stack-project:not(.active) .xray-layer:first-child{filter:brightness(.9)}

@media(max-width:1140px){
  .xray-stack-project{min-height:650px}
  .xray-stack-capabilities{min-height:760px}
  .xray-stack-project .xray-layer,.xray-stack-capabilities .xray-layer{width:90%;border-radius:20px}
  .xray-project-frame,.xray-capability-frame{inset:8px 8px 44px;border-radius:15px}
  .xray-stack-project .xray-layer>span,.xray-stack-capabilities .xray-layer>span{min-height:25px;font-size:.49rem}
}


/* FINAL X-RAY DESKTOP SEPARATION */
@media(min-width:801px){
  .xray-stack-project{min-height:980px}
  .xray-stack-capabilities{min-height:1140px}
  .xray-stack-project .xray-layer,
  .xray-stack-capabilities .xray-layer{
    top:30%;
    transform:translateX(-50%) rotateX(32deg) rotateZ(-5.5deg);
  }
  .xray-stack-project.active .xray-layer:nth-child(1){top:2%;transform:translateX(-50%) rotateX(32deg) rotateZ(-5.5deg)}
  .xray-stack-project.active .xray-layer:nth-child(2){top:21%;transform:translateX(-50%) rotateX(32deg) rotateZ(-5.5deg)}
  .xray-stack-project.active .xray-layer:nth-child(3){top:40%;transform:translateX(-50%) rotateX(32deg) rotateZ(-5.5deg)}
  .xray-stack-project.active .xray-layer:nth-child(4){top:59%;transform:translateX(-50%) rotateX(32deg) rotateZ(-5.5deg)}
  .xray-stack-project.active .xray-layer:nth-child(5){top:78%;transform:translateX(-50%) rotateX(32deg) rotateZ(-5.5deg)}
  .xray-stack-capabilities.active .xray-layer:nth-child(1){top:1%;transform:translateX(-50%) rotateX(32deg) rotateZ(-5.5deg)}
  .xray-stack-capabilities.active .xray-layer:nth-child(2){top:17%;transform:translateX(-50%) rotateX(32deg) rotateZ(-5.5deg)}
  .xray-stack-capabilities.active .xray-layer:nth-child(3){top:33%;transform:translateX(-50%) rotateX(32deg) rotateZ(-5.5deg)}
  .xray-stack-capabilities.active .xray-layer:nth-child(4){top:49%;transform:translateX(-50%) rotateX(32deg) rotateZ(-5.5deg)}
  .xray-stack-capabilities.active .xray-layer:nth-child(5){top:65%;transform:translateX(-50%) rotateX(32deg) rotateZ(-5.5deg)}
  .xray-stack-project:not(.active) .xray-layer:nth-child(1){top:25%;transform:translateX(-50%) rotateX(32deg) rotateZ(-5.5deg)}
  .xray-stack-project:not(.active) .xray-layer:nth-child(2){top:27%;transform:translateX(-50%) rotateX(32deg) rotateZ(-5.5deg)}
  .xray-stack-project:not(.active) .xray-layer:nth-child(3){top:29%;transform:translateX(-50%) rotateX(32deg) rotateZ(-5.5deg)}
  .xray-stack-project:not(.active) .xray-layer:nth-child(4){top:31%;transform:translateX(-50%) rotateX(32deg) rotateZ(-5.5deg)}
  .xray-stack-project:not(.active) .xray-layer:nth-child(5){top:33%;transform:translateX(-50%) rotateX(32deg) rotateZ(-5.5deg)}
}


/* Capabilities receives a wider exploded spread so every system layer reads */
@media(min-width:801px){
  .xray-stack-capabilities{min-height:1240px}
  .xray-stack-capabilities.active .xray-layer:nth-child(1){top:0;transform:translateX(-50%) rotateX(30deg) rotateZ(-5deg)}
  .xray-stack-capabilities.active .xray-layer:nth-child(2){top:190px;transform:translateX(-50%) rotateX(30deg) rotateZ(-5deg)}
  .xray-stack-capabilities.active .xray-layer:nth-child(3){top:380px;transform:translateX(-50%) rotateX(30deg) rotateZ(-5deg)}
  .xray-stack-capabilities.active .xray-layer:nth-child(4){top:570px;transform:translateX(-50%) rotateX(30deg) rotateZ(-5deg)}
  .xray-stack-capabilities.active .xray-layer:nth-child(5){top:760px;transform:translateX(-50%) rotateX(30deg) rotateZ(-5deg)}
}

/* RELEASE QA: preserve breathing room beneath exploded project stacks */
@media (min-width:981px){
  .xray-shell{padding-bottom:52px}
  .xray-stack-project.active .xray-layer:nth-child(1){top:0}
  .xray-stack-project.active .xray-layer:nth-child(2){top:18.5%}
  .xray-stack-project.active .xray-layer:nth-child(3){top:37%}
  .xray-stack-project.active .xray-layer:nth-child(4){top:55.5%}
  .xray-stack-project.active .xray-layer:nth-child(5){top:74%}
}
@media (min-width:801px) and (max-width:980px){
  .xray-shell{padding-bottom:108px}
  .xray-stack-project.active .xray-layer:nth-child(1){top:0}
  .xray-stack-project.active .xray-layer:nth-child(2){top:18.5%}
  .xray-stack-project.active .xray-layer:nth-child(3){top:37%}
  .xray-stack-project.active .xray-layer:nth-child(4){top:55.5%}
  .xray-stack-project.active .xray-layer:nth-child(5){top:74%}
}