/* Mas Ojay · Objects to explore · native CSS 3D, no rendering dependency. */
.mo-retrofuture .morf-object-hint{font:12px Geist,sans-serif;letter-spacing:.04em;line-height:1.6;color:#d4b696;margin:0 0 26px}
.mo-retrofuture .hero-visual{overflow:hidden}
.mo-retrofuture .morf-founder-compass{position:absolute;top:30px;left:28px;width:124px;height:144px;z-index:4;color:#f4e2c9;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#33291dde,#151712b3);border:1px solid #f3d7b24d;box-shadow:0 16px 30px #0004;backdrop-filter:blur(12px)}
.morf-compass-orbit{position:absolute;inset:13px 15px 36px;border:1px solid #c79a66;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 14deg,#e6c69b77 14deg 15deg,transparent 15deg 30deg);mask:radial-gradient(circle,transparent 58%,#000 60%)}
.morf-compass-cross{position:absolute;width:66px;height:66px;top:28px;border-radius:50%;border:1px solid #d2ae7740;background:linear-gradient(90deg,transparent 49%,#c99b6655 50%,transparent 51%),linear-gradient(transparent 49%,#c99b6655 50%,transparent 51%)}
.morf-compass-core{font:34px Newsreader,Georgia,serif;margin-top:-18px;transition:transform .6s}
.morf-compass-label{position:absolute;bottom:14px;font:7px Geist,sans-serif;letter-spacing:.13em}
.morf-founder-compass:hover .morf-compass-core{transform:rotate(-10deg) scale(1.15)}
.mo-retrofuture .hero-stamp{display:none}
/* The instrument */
.mo-retrofuture .framework-section{background:radial-gradient(ellipse at 30% 40%,#80614324,transparent 65%),#181a17}
.morf-growth-console{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(280px,.9fr);align-items:center;gap:56px;border:1px solid #876b4b6b;border-radius:18px;padding:40px;background:linear-gradient(140deg,#ffffff05,transparent 55%),#20221e;box-shadow:0 28px 65px #0003,inset 0 1px 0 #f7dcb51a;position:relative}
.morf-growth-console:after{content:"";position:absolute;inset:12px;border:1px solid #b8915b19;border-radius:10px;pointer-events:none}
.morf-growth-dial{width:100%;max-width:490px;aspect-ratio:1;margin:auto;position:relative;isolation:isolate}
.morf-dial-ring{position:absolute;inset:17%;border-radius:50%;border:1px solid #95764a77;background:radial-gradient(circle,#1b1d19 0 52%,#a4834915 53% 60%,#1a1c18 61% 68%,#bc965519 69% 70%,transparent 71%);box-shadow:0 0 0 12px #a88a5820,inset 0 0 25px #0008}
.morf-dial-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#bfa77d88 0deg 1deg,transparent 1deg 6deg);mask:radial-gradient(circle,transparent 63%,black 64% 67%,transparent 68%)}
.morf-dial-center{position:absolute;inset:33%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;color:#d9b88b;background:radial-gradient(circle at 35% 25%,#514433,#262820 60%);border:1px solid #9c80545c;box-shadow:0 12px 25px #0008,inset 0 1px 1px #f3d3a655}
.morf-center-monogram{font:clamp(26px,3vw,40px) Newsreader,serif;margin-bottom:8px}
.morf-dial-center small{font:7px Geist,sans-serif;letter-spacing:.18em}.morf-dial-center strong{font:9px Geist,sans-serif;letter-spacing:.2em;margin-top:4px}
.morf-dial-center:before{content:"";position:absolute;inset:-7px;border-top:2px solid #e5be86;border-radius:50%;transform:rotate(var(--dial-angle,0deg));transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.morf-circuit{position:absolute;width:100%;height:100%;inset:0;overflow:visible}
.morf-circuit path{fill:none;stroke:#7c715344;stroke-width:1}
.morf-circuit path.is-fed{stroke:#c8a771;stroke-width:2}
.morf-circuit path.is-current{stroke:#f1cc8e;stroke-width:2;stroke-dasharray:4 9;animation:morf-pulse-flow 2s linear infinite}
@keyframes morf-pulse-flow{to{stroke-dashoffset:-52}}
.mo-retrofuture .morf-dial-node{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;justify-content:center;gap:6px;background:linear-gradient(150deg,#393a2e,#1c211b);border:1px solid #736447;box-shadow:0 7px 20px #0007,inset 0 1px 0 #d5bc8626;width:91px;height:66px;border-radius:8px;color:#b9b5a1;padding:7px 4px;cursor:pointer;z-index:3;transition:color .3s,border-color .3s,box-shadow .3s}
.mo-retrofuture .morf-dial-node:active{transform:translate(-50%,-50%)}
.morf-node-number{font:10px monospace;letter-spacing:.15em;color:#bc9964}
.morf-node-label{font:11px Geist,sans-serif;line-height:1.2;white-space:nowrap}
.mo-retrofuture .morf-dial-node[aria-pressed=true]{border-color:#e3bd7e;color:#ffedcc;box-shadow:0 0 28px #d3a46525,0 6px 15px #0008,inset 0 0 20px #b38d4220}
.morf-console-side{min-width:0;z-index:2}
.mo-retrofuture .morf-console-side .morf-framework-detail{background:transparent;border:0;border-left:1px solid #b9996759;border-radius:0;padding:16px 0 16px 32px;min-height:210px}
.mo-retrofuture .morf-console-side .morf-framework-detail strong{font-size:46px;color:#f3e6cc;line-height:1.12}
.mo-retrofuture .morf-console-side .morf-framework-detail p{font-size:18px;line-height:1.8;color:#c5bdab}
.morf-console-controls{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0 32px}
.mo-retrofuture .morf-console-controls button{min-height:46px;padding:12px 17px;font:12px Geist,sans-serif;line-height:1.4;border-radius:6px;border:1px solid #92774f;color:#e9d8bc;background:#4b402d;cursor:pointer}
.mo-retrofuture .morf-console-controls .morf-console-show{background:transparent;border-color:#655b46;color:#c7b8a1}
.mo-retrofuture .framework-flow.morf-console-ready:not(.morf-show-all){display:none}
.mo-retrofuture .framework-flow.morf-show-all{margin-top:30px}
/* A small collection with physical depth. Original details stay in the HTML. */
.mo-retrofuture .ebooks-section.morf-library-ready{background:radial-gradient(ellipse at 50% 28%,#96765025,transparent 55%),#27291f;color:#f5ead5;padding-block:90px}
.mo-retrofuture .morf-library-ready .section-title h2{color:#f5ead5}
.mo-retrofuture .morf-library-ready .eyebrow{color:#c8a578}
.morf-library{position:relative;isolation:isolate;padding:30px 30px 5px;background:radial-gradient(ellipse at 50% 0,#b5936540,transparent 70%),linear-gradient(#1c1e17,#37362a);border:1px solid #9c85513b;border-radius:16px;box-shadow:inset 0 1px 0 #e8cfa124}
.mo-retrofuture .morf-library .morf-object-hint{text-align:center;margin-bottom:20px}
.morf-book-rail{display:flex;justify-content:center;align-items:flex-end;gap:clamp(35px,6vw,90px);padding:34px 10px 45px;perspective:1100px;position:relative;z-index:2;min-height:370px}
.mo-retrofuture .morf-book-choice{position:relative;display:block;flex:0 1 200px;max-width:200px;height:284px;min-width:0;border:0;background:transparent;padding:0;perspective:900px;cursor:pointer;color:#e9ddc0}
.morf-book{position:relative;width:100%;height:100%;display:block;transform-style:preserve-3d;transform:rotateY(-25deg) rotateX(4deg);transition:transform .65s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(20px 22px 12px #0007)}
.morf-book-front{position:absolute;inset:0;transform:translateZ(15px);border-radius:2px 7px 7px 2px;background:linear-gradient(90deg,#020503 0,#77755633 3%,transparent 6%),radial-gradient(ellipse at 90% 0,#b89d5930,transparent 65%),#182920;border:1px solid #a6966477;display:flex;align-items:flex-start;flex-direction:column;text-align:left;padding:24px 18px 18px 23px;overflow:hidden;box-shadow:inset -2px 0 3px #000b,inset 1px 0 1px #f7e7b077}
.morf-book-front:after{content:"";position:absolute;inset:10px;border:1px solid #d5bc7a40;pointer-events:none}
.morf-book-choice:nth-child(2) .morf-book-front{background:linear-gradient(90deg,#090807,#ffffff10 4%,transparent 7%),radial-gradient(ellipse at 90% 0,#b8935b22,transparent 60%),#49352b}
.morf-book-choice:nth-child(3) .morf-book-front{background:linear-gradient(90deg,#171514,#ffffff12 4%,transparent 7%),radial-gradient(ellipse at 90% 0,#b8935b22,transparent 60%),#272a30}
.morf-book-edition{font:7px Geist,sans-serif;letter-spacing:.13em;color:#c9b984;line-height:1.6}
.morf-book-title{font:31px Newsreader,Georgia,serif;line-height:1.08;font-weight:450;color:#f2e5c8;margin:26px 0 10px;letter-spacing:-.025em}
.morf-book-mark{font:30px Newsreader,Georgia,serif;color:#d5bd7f;margin-top:auto;border:1px solid #b49b664d;border-radius:50%;width:48px;height:48px;display:grid;place-items:center}
.morf-book-signature{font:6px Geist,sans-serif;letter-spacing:.1em;line-height:1.5;color:#c2ae82;margin-top:14px}
.morf-book-spine{position:absolute;left:-15px;top:0;width:30px;height:100%;transform:rotateY(-90deg);background:linear-gradient(90deg,#101b15,#283a28 40%,#101c15);color:#d8bf83;display:flex;align-items:center;justify-content:space-between;padding:16px 4px;writing-mode:vertical-rl;font:10px Geist,sans-serif;border:1px solid #9c875649}
.morf-book-pages{position:absolute;inset:4px 2px 4px 6px;background:repeating-linear-gradient(#f4e8c7 0px 1px,#bfb292 1px 2px);transform:translateZ(-12px);border-radius:2px 6px 6px 2px;box-shadow:inset -8px 0 10px #a89c75}
.morf-book-pages:after{content:"";position:absolute;right:-14px;top:0;width:26px;height:100%;transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#f6edce 0px 1px,#bfb292 1px 2px)}
.mo-retrofuture .morf-book-choice[aria-pressed=true] .morf-book{transform:translateY(-18px) rotateY(-9deg) rotateX(0deg);filter:drop-shadow(15px 35px 15px #0008)}
.mo-retrofuture .morf-book-choice:hover .morf-book{transform:translateY(-24px) rotateY(-5deg) rotateX(-3deg)}
.morf-book-number{position:absolute;bottom:-35px;left:0;right:0;text-align:center;font:10px monospace;letter-spacing:.2em;color:#c1a577}
.morf-book-choice[aria-pressed=true] .morf-book-number:after{content:"";display:block;width:20px;height:2px;background:#e8c587;margin:8px auto}
.morf-shelf-base{position:absolute;left:18px;right:18px;bottom:31px;height:16px;background:linear-gradient(#c0a16b,#6f5736 25%,#3c3021 85%);box-shadow:0 20px 20px #0007;border-radius:2px;z-index:1}
.mo-retrofuture .morf-book-status{font:11px Geist,sans-serif;letter-spacing:.08em;line-height:1.6;color:#d9bc8b;margin:32px 0 16px}
.mo-retrofuture .morf-library-ready .ebook-grid{display:block}
.mo-retrofuture .morf-library-ready .ebook-card{opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important}
.mo-retrofuture .morf-library-ready .ebook-card[hidden]{display:none!important}
.mo-retrofuture .morf-library-ready .ebook-card:not([hidden]){display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px 32px;background:#efe6d6;color:#302b22;padding:26px;border:1px solid #f2d6a333;border-radius:10px;max-width:900px}
.mo-retrofuture .morf-library-ready .ebook-card .ebook-visual{grid-row:span 5;height:auto;min-height:0;margin:0;padding:0;align-self:center;background:transparent;border:0;aspect-ratio:1;display:block}
.mo-retrofuture .morf-library-ready .ebook-card .ebook-visual img{width:100%;height:auto;max-height:none;max-width:100%;border:0}
.mo-retrofuture .morf-library-ready .ebook-card h3{font-size:32px;margin:0}
.mo-retrofuture .morf-library-ready .ebook-card>p{margin:0;color:#625747;font-size:16px}
.mo-retrofuture .morf-library-ready .ebook-card>.eyebrow{color:#8a623a}
.mo-retrofuture .morf-library-ready .ebook-card>a:last-child{color:#68452a;font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:10px}
/* A pendant lamp with a physical pull-cord. */
.morf-lamp{--pull:0px;position:fixed;right:25px;top:83px;width:100px;height:175px;z-index:120;filter:drop-shadow(0 8px 10px #0003);pointer-events:none}
.morf-lamp-fixture{position:absolute;left:6px;top:0;width:72px;height:92px}
.morf-lamp-stem{position:absolute;left:35px;top:0;width:3px;height:36px;background:linear-gradient(90deg,#423322,#d5b47b,#483722)}
.morf-lamp-shade{position:absolute;left:0;right:0;top:33px;height:43px;clip-path:polygon(28% 0,72% 0,100% 88%,100% 100%,0 100%,0 88%);background:linear-gradient(100deg,#473629,#bd9463 35%,#d2ac78 50%,#775638 85%);border-radius:4px}
.morf-lamp-bulb{position:absolute;left:10px;right:10px;top:73px;height:7px;border-radius:50%;background:#79684a;transition:background .5s,box-shadow .5s}
.mo-retrofuture .morf-lamp-pull{position:absolute;top:40px;right:0;height:100px;width:44px;border:0;padding:0;background:transparent;cursor:grab;touch-action:none;pointer-events:auto;box-shadow:none;transform:none}
.morf-lamp-cord{position:absolute;top:0;left:21px;height:calc(58px + var(--pull));width:1px;background:#c5ac7d;transition:height .15s}
.morf-lamp-handle{position:absolute;top:calc(55px + var(--pull));left:17px;width:10px;height:19px;border-radius:6px;background:linear-gradient(90deg,#573a21,#d6b27c,#664627);border:1px solid #a58a5e;transition:top .15s}
.morf-lamp-caption{position:absolute;top:calc(144px + var(--pull));left:-12px;right:-12px;font:9px Geist,sans-serif;color:#8a643c;text-align:center;line-height:1.5}
.morf-lamp-on .morf-lamp-bulb{background:#ffe5a0;box-shadow:0 8px 25px 10px #ffc76c55}
.morf-lamp-on .morf-lamp-caption{color:#edcd91}
.morf-lamp-on:after{content:"";position:fixed;inset:0;z-index:70;background:rgba(20,17,13,.64);pointer-events:none;animation:morf-lamp-warm .6s ease both}
.morf-lamp-on .mo-article-content{position:relative;z-index:72;background:#f6ead5;border-radius:10px;box-shadow:0 0 90px 45px #f9c66d19}
.morf-lamp-on .mo-article-content:before{content:"";position:absolute;inset:-24px;z-index:-1;border-radius:15px;background:radial-gradient(ellipse at 80% 0,#fff0c9,#f6ead5 70%);box-shadow:0 30px 80px #0004;pointer-events:none}
.morf-lamp-on .entry-content{color:#3c3022}
.morf-lamp-on .mo-article-aside{z-index:73}
.morf-lamp-on .mo-toc{background:#e8d7b8}
@keyframes morf-lamp-warm{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){.morf-growth-console{gap:26px;padding:26px}.morf-console-controls{margin-left:20px}.mo-retrofuture .morf-console-side .morf-framework-detail{padding-left:20px}.morf-lamp{right:10px;width:85px}.morf-lamp-fixture{transform:scale(.8);transform-origin:top left}}
@media(max-width:820px){
.mo-retrofuture .morf-founder-compass{width:74px;height:88px;top:12px;left:12px;border-radius:8px}
.morf-compass-orbit{inset:8px 9px 22px}.morf-compass-cross{width:40px;height:40px;top:16px}.morf-compass-core{font-size:24px;margin-top:-10px}.morf-compass-label{font-size:5px;bottom:9px}
.mo-retrofuture .framework-section{padding-block:60px}
.morf-growth-console{grid-template-columns:1fr;padding:16px 12px 25px;gap:14px;border-radius:14px}
.morf-growth-dial{max-width:390px;min-width:0}
.mo-retrofuture .morf-dial-node{width:72px;height:56px;border-radius:7px}
.morf-node-label{font-size:9px}.morf-node-number{font-size:9px}
.morf-dial-center small{font-size:6px}.morf-dial-center strong{font-size:8px}
.mo-retrofuture .morf-console-side .morf-framework-detail{min-height:150px;border-left:0;border-top:1px solid #b9996759;margin:0 10px;padding:22px 0 8px}
.mo-retrofuture .morf-console-side .morf-framework-detail strong{font-size:33px}
.mo-retrofuture .morf-console-side .morf-framework-detail p{font-size:16px}
.morf-console-controls{margin:18px 10px 0;gap:10px}
.mo-retrofuture .morf-console-controls button{font-size:11px;padding:10px 12px;flex:1;min-width:0}
.mo-retrofuture .ebooks-section.morf-library-ready{padding-block:60px}
.morf-library{padding:22px 8px 5px;border-radius:12px}
.mo-retrofuture .morf-library .morf-object-hint{font-size:11px}
.morf-book-rail{gap:14px;padding:28px 4px 42px;min-height:230px}
.mo-retrofuture .morf-book-choice{height:clamp(155px,47vw,220px);max-width:150px;flex:1}
.morf-book-front{padding:14px 8px 10px 11px;transform:translateZ(9px)}
.morf-book-front:after{inset:5px}
.morf-book-edition{font-size:4.5px;letter-spacing:.04em}
.morf-book-title{font-size:clamp(15px,4.7vw,23px);margin:17px 0 5px}
.morf-book-mark{font-size:18px;width:30px;height:30px}
.morf-book-signature{font-size:3.8px;margin-top:8px;letter-spacing:.02em}
.morf-book-spine{left:-9px;width:18px;font-size:5.5px;padding:10px 2px}
.morf-book-pages{transform:translateZ(-7px)}
.morf-book-pages:after{right:-8px;width:15px}
.morf-shelf-base{left:10px;right:10px;bottom:29px;height:12px}
.mo-retrofuture .morf-library-ready .ebook-card:not([hidden]){grid-template-columns:88px minmax(0,1fr);gap:12px 18px;padding:20px}
.mo-retrofuture .morf-library-ready .ebook-card .ebook-visual{grid-row:span 2;align-self:start}
.mo-retrofuture .morf-library-ready .ebook-card h3{font-size:26px}
.mo-retrofuture .morf-library-ready .ebook-card>p,.mo-retrofuture .morf-library-ready .ebook-card>a:last-child{grid-column:1/-1}
.mo-retrofuture .morf-library-ready .ebook-card>p{font-size:15px}
.mo-retrofuture .morf-library-ready .ebook-card>.eyebrow{font-size:8px;line-height:1.6}
.morf-lamp{top:69px;right:6px;width:65px;height:125px}
.morf-lamp-fixture{transform:scale(.6);left:0}
.mo-retrofuture .morf-lamp-pull{top:22px;right:-2px;height:83px;width:44px}
.morf-lamp-cord{height:calc(48px + var(--pull));left:22px}
.morf-lamp-handle{top:calc(46px + var(--pull));left:18px;width:9px;height:16px}
.morf-lamp-caption{top:calc(106px + var(--pull));left:-25px;right:-5px;font-size:7px}
.morf-lamp-on .mo-article-content:before{inset:-12px;border-radius:8px}
}
.morf-book-choice:nth-child(4) .morf-book-front{background:linear-gradient(90deg,#21180f,#ffffff12 4%,transparent 7%),radial-gradient(ellipse at 90% 0,#cba76230,transparent 60%),#554432}
@media(max-width:820px){
.morf-book-rail{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding:30px 26px 42px;gap:28px;scrollbar-color:#b99b69 #292a21;scrollbar-width:thin}
.mo-retrofuture .morf-book-choice{flex:0 0 130px;max-width:130px;height:210px;scroll-snap-align:center}
.morf-book-title{font-size:21px;overflow-wrap:normal}
.mo-retrofuture .morf-library .morf-object-hint{padding-inline:12px}
}
@media(max-width:359px){.morf-book-rail{gap:10px}.morf-growth-console{padding-inline:7px}.mo-retrofuture .morf-dial-node{width:62px;height:50px}.morf-node-label{font-size:8px}.morf-book-title{font-size:14px}.morf-book-mark{font-size:16px;width:25px;height:25px}.morf-book-signature{font-size:3px}}
@media(prefers-reduced-motion:reduce){.mo-retrofuture .morf-book,.mo-retrofuture .morf-dial-center:before{transition:none!important}.morf-circuit path.is-current{animation:none!important}.mo-retrofuture .morf-book-choice:hover .morf-book{transform:rotateY(-9deg)}.morf-lamp-on:after{animation:none!important}}