/* The overview keeps the five decisions in one glance. Every row is a real link. */
.process-section{color:var(--black);padding-block:clamp(5rem,8vw,8rem)}
.process-intro{display:grid;grid-template-columns:minmax(11rem,5fr) minmax(0,13fr) minmax(12rem,6fr);gap:clamp(1rem,3vw,3rem);align-items:end;margin-bottom:clamp(2.6rem,5vw,5rem)}
.process-intro>.micro{align-self:start;padding-top:.65rem;color:#74304b}
.process-intro h2{font-size:clamp(3.3rem,5.6vw,6.5rem);line-height:.99;letter-spacing:-.065em}
.process-intro p{max-width:22rem;color:#54474c;line-height:1.55}
.process-overview{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2.5rem,6vw,7rem);align-items:center}
.process-visual{position:relative;isolation:isolate;overflow:hidden;min-height:460px;aspect-ratio:1.05;background:radial-gradient(circle at 49% 40%,#351b2a 0%,#171018 41%,#0c0b0e 83%);color:#dfcad2;border:1px solid #3a2b34;box-shadow:0 32px 70px #29111d25}
.process-visual::before{content:"";position:absolute;inset:0;opacity:.5;background-image:linear-gradient(90deg,#f3cbd50d 1px,transparent 1px),linear-gradient(#f3cbd50d 1px,transparent 1px);background-size:calc(100% / 24) calc(100% / 16);mask-image:radial-gradient(ellipse at center,#000 10%,transparent 76%)}
.process-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 49%,transparent 26%,#0b0b0d78 91%)}
.process-visual-top,.process-visual-bottom{position:absolute;z-index:4;left:clamp(1rem,2vw,2rem);right:clamp(1rem,2vw,2rem);display:flex;justify-content:space-between;gap:1rem;font-size:.63rem;letter-spacing:.14em;text-transform:uppercase}
.process-visual-top{top:1.5rem}.process-visual-bottom{bottom:1.5rem;color:#baa5ae}
.process-halo{position:absolute;inset:12%;border-radius:50%;background:conic-gradient(from 30deg,transparent 7%,#ad51705a 24%,transparent 38%,#e9cbd663 53%,transparent 69%,#87365151 84%,transparent 98%);filter:blur(22px);opacity:.65;transform:rotate(-22deg);transition:transform 1.2s var(--ease),opacity .8s ease}
.process-orbit{position:absolute;inset:18%;border:1px solid #dbaabb3b;border-radius:50%;transform:rotateX(69deg) rotate(-24deg) scale(1.35);box-shadow:0 0 24px #aa446227;transition:transform 1s var(--ease)}
.process-orbit.secondary{inset:10%;opacity:.4;transform:rotateY(69deg) rotate(28deg) scale(1.04)}
.process-tiles{position:absolute;z-index:2;top:21%;left:22%;width:56%;height:58%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:2.6%;transform:perspective(950px) rotateX(18deg) rotateY(-20deg) rotateZ(-7deg);transition:transform .95s var(--ease)}
.process-tiles i{position:relative;min-width:0;min-height:0;background:linear-gradient(138deg,#fff8eb 0%,#c4aeb1 49%,#6c4857 100%);border:1px solid #f6e5e282;box-shadow:inset 0 1px #fffaf4ad,0 12px 24px #030207a3,3px 3px 0 #5a263b;transform:translate3d(var(--sx),var(--sy),0) rotate(var(--turn));transition:transform .95s var(--ease),background .8s ease,opacity .6s ease;transition-delay:calc(var(--order) * 18ms)}
.process-tiles i:nth-child(4n),.process-tiles i:nth-child(7n){background:linear-gradient(135deg,#d794a9,#85354f 58%,#481525);border-color:#d9a6b77d}
.process-tiles i::after{content:"";position:absolute;left:100%;top:3px;width:4px;height:calc(100% - 3px);background:#3d1528;transform:skewY(42deg);transform-origin:left}
.process-visual[data-stage="1"] .process-tiles i{transform:translate3d(0,0,0) rotate(0)}
.process-visual[data-stage="2"] .process-tiles{transform:perspective(950px) rotateX(4deg) rotateY(-8deg) rotateZ(0) scale(1.06)}
.process-visual[data-stage="2"] .process-tiles i{transform:translate3d(0,calc(var(--row-shift) * 1px),0) rotate(0);background:linear-gradient(145deg,#f8efe7,#d1a0ad 55%,#7d2c47)}
.process-visual[data-stage="3"] .process-tiles{transform:perspective(950px) rotateX(4deg) rotateY(12deg) rotateZ(0) scale(.96)}
.process-visual[data-stage="3"] .process-tiles i{transform:translate3d(0,0,0) rotate(0);background:linear-gradient(145deg,#faf1e8,#aaa7aa 54%,#564353)}
.process-visual[data-stage="4"] .process-tiles{transform:perspective(950px) rotateX(0) rotateY(0) rotateZ(0) scale(1.12)}
.process-visual[data-stage="4"] .process-tiles i{transform:translate3d(0,0,0) rotate(0);background:linear-gradient(145deg,#f8eee4,#e0c1c7 53%,#8e425d)}
.process-visual[data-stage="2"] .process-halo,.process-visual[data-stage="4"] .process-halo{opacity:.9;transform:rotate(24deg)}
.process-visual[data-stage="3"] .process-orbit{transform:rotateX(73deg) rotate(15deg) scale(1.43)}
.process-list{border-top:1px solid #c9bfc0}
.process-row{min-height:clamp(5.4rem,7.8vw,7.2rem);display:grid;grid-template-columns:clamp(3rem,6vw,6rem) minmax(0,1fr) 3rem;align-items:center;gap:clamp(.5rem,1.5vw,1.5rem);border-bottom:1px solid #c9bfc0;color:#80787a;text-decoration:none;transition:color .35s ease,padding .5s var(--ease),background .35s ease}
.process-row:hover,.process-row:focus-visible,.process-row.is-active{color:#32171f}
.process-row:hover,.process-row:focus-visible{padding-left:.65rem;background:#eae2df}
.process-number{font-size:clamp(.85rem,1.35vw,1.15rem);font-variant-numeric:tabular-nums;color:#8a7180}
.process-name{font-size:clamp(2.2rem,3.9vw,4.65rem);line-height:1.08;letter-spacing:-.055em}
.process-arrow{width:2.75rem;height:2.75rem;display:grid;place-items:center;border:1px solid #a6979b;border-radius:50%;font-size:1.2rem;opacity:.65;transform:translate(-5px,5px);transition:opacity .3s,transform .5s var(--ease),background .3s,color .3s}
.process-row:hover .process-arrow,.process-row:focus-visible .process-arrow{opacity:1;transform:translate(0,0);background:#67223c;color:white;border-color:#67223c}
.process-foot{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:clamp(2rem,4vw,4rem);color:#786c70}
.process-foot .micro{font-size:.65rem}.process-foot .underlink{color:#67223c;flex-shrink:0}

/* Each step has one focused story and one authored visual from the same Saha study. */
.process-page .site-header nav a[href*="information"]::after{transform:scaleX(0)}
.process-detail{padding-top:clamp(2rem,4vw,4rem);padding-bottom:clamp(4rem,7vw,7rem)}
.process-detail-top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line);color:#c99aaa}
.process-back{display:inline-flex;align-items:center;gap:.8rem;min-height:44px;color:#e8d8df;transition:gap .3s var(--ease),color .2s}
.process-back:hover{gap:1.1rem;color:white}
.process-detail-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(2rem,5vw,6rem);align-items:center;padding-top:clamp(2rem,4vw,4rem)}
.process-detail-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}
.process-detail-copy .micro{color:#d199ab}
.process-detail-copy h1{font-size:clamp(4.5rem,8vw,10rem);line-height:.9;letter-spacing:-.075em;margin:1.3rem 0 1.7rem;overflow-wrap:anywhere}
.process-detail-copy h1 span{display:block;color:#d19bac;font-family:Studio Serif,Georgia,serif;font-style:italic;font-size:.67em;line-height:1.08;letter-spacing:-.065em}
.process-detail-copy>p{max-width:31rem;color:#d9cdd1;font-size:clamp(1.12rem,1.4vw,1.45rem);line-height:1.55}
.process-detail-art{margin:0;min-width:0}
.process-detail-art .making-stage-visual{width:100%;height:clamp(400px,42vw,620px)}
.process-detail-art figcaption{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:.8rem;margin-top:1rem;color:#beaeb4;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}
.process-detail-body{color:var(--black);padding-block:clamp(3rem,6vw,6rem)}
.process-detail-body-inner{display:grid;grid-template-columns:minmax(10rem,.45fr) minmax(0,1fr) minmax(14rem,.65fr);gap:clamp(1.5rem,5vw,6rem);align-items:start}
.process-detail-body .micro{color:#7b3750;padding-top:.4rem}
.process-detail-body h2{font-size:clamp(2.3rem,3.8vw,4.5rem);letter-spacing:-.055em;line-height:1.08;max-width:14ch}
.process-detail-body p{font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.65;max-width:31rem;color:#51454a}
.process-detail-result{border-top:1px solid #cbbcc0;padding-top:1.1rem;margin-top:clamp(2rem,4vw,4rem);grid-column:2/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:2rem;align-items:start}
.process-detail-result strong{font-size:clamp(1.35rem,2vw,2.1rem);line-height:1.3;font-weight:400;letter-spacing:-.035em;max-width:31rem}
.process-detail-result p{font-size:.9rem;max-width:18rem}
.process-detail-nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:clamp(3rem,6vw,6rem)}
.process-detail-nav a{display:flex;flex-direction:column;justify-content:center;gap:.5rem;min-height:10rem;padding:1.5rem clamp(1rem,3vw,3rem);transition:background .3s}
.process-detail-nav a:hover{background:#2b111e}
.process-detail-nav a:first-child{border-right:1px solid var(--line)}
.process-detail-nav a:last-child{text-align:right;align-items:flex-end}
.process-detail-nav span{color:#c79aab;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}
.process-detail-nav strong{font-size:clamp(1.4rem,2.8vw,3rem);font-weight:400;letter-spacing:-.045em}
@media(max-width:1050px){.process-intro{grid-template-columns:1fr 2fr}.process-intro p{grid-column:2}.process-overview{gap:2rem}.process-visual{min-height:400px}.process-detail-body-inner{grid-template-columns:1fr 1.7fr}.process-detail-body p{grid-column:2}.process-detail-result{grid-column:2;grid-template-columns:1fr}}
@media(max-width:760px){.process-section{padding-block:4.5rem}.process-intro{display:block;margin-bottom:2.3rem}.process-intro h2{font-size:clamp(3.1rem,9vw,5rem);margin:1rem 0}.process-intro p{max-width:33rem}.process-overview{grid-template-columns:1fr;gap:2rem}.process-visual{min-height:0;height:clamp(250px,66vw,360px);aspect-ratio:auto}.process-tiles{top:15%;height:70%;width:46%;left:27%}.process-row{grid-template-columns:2.5rem minmax(0,1fr) 2.5rem;min-height:4.85rem}.process-name{font-size:clamp(2.2rem,7vw,3.5rem)}.process-arrow{width:2.35rem;height:2.35rem}.process-foot{margin-top:1.8rem}.process-detail{padding-top:1.5rem}.process-detail-top{font-size:.65rem}.process-detail-grid{grid-template-columns:1fr;gap:2rem}.process-detail-copy h1{font-size:clamp(4rem,16vw,7rem);margin:.85rem 0 1rem}.process-detail-copy>p{font-size:1.13rem}.process-detail-art .making-stage-visual{height:clamp(320px,77vw,520px)}.process-detail-body-inner{grid-template-columns:1fr;gap:1.15rem}.process-detail-body p,.process-detail-result{grid-column:1}.process-detail-result{margin-top:1.4rem;gap:.9rem}.process-detail-nav a{min-height:8rem}.process-detail-nav strong{font-size:clamp(1.3rem,5.4vw,2.1rem)}}
@media(max-width:420px){.process-visual-top,.process-visual-bottom{font-size:.52rem}.process-foot{align-items:flex-start;flex-direction:column;gap:.65rem}.process-detail-art figcaption span:last-child{display:none}.process-detail-nav strong{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.process-tiles,.process-tiles i,.process-halo,.process-orbit,.process-row,.process-arrow{transition:none!important}}