/* Ember / an open workshop. Content, specimens, then the numbers. */
:root{color-scheme:light;--bg:#f3f0e7;--panel:#eae7dc;--text:#203c32;--muted:#646b60;--line:#c8ccbd;--accent:#bc3d22;--green:#326748;--red:#b13925;--serif:Georgia,'Times New Roman',serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;font-family:'Helvetica Neue',Arial,sans-serif}
body{background:var(--bg);color:var(--text)}
.shell{max-width:1600px;padding-inline:4.5vw}
.topbar{background:var(--bg);border:0;backdrop-filter:none;position:relative}
.toprow{min-height:96px;gap:32px;flex-wrap:nowrap;border-bottom:1px solid var(--line)}
.brand{font-family:var(--serif);font-size:40px;font-weight:normal;letter-spacing:-3px;gap:3px}
.brandmark{background:none;color:var(--accent);font:40px/1 var(--serif);width:auto;height:auto;border-radius:0;letter-spacing:-4px;transform:rotate(-12deg);margin-right:8px}
.nav{order:initial;width:auto;flex:1;padding:0;justify-content:center;gap:18px}
.nav a{padding:8px 0;border-radius:0;color:var(--text);font-size:12px}
.nav a[aria-current=page]{background:none;color:var(--accent);border-bottom:1px solid var(--accent)}
.header-actions{gap:8px;margin:0}
button,.button{background:transparent;border:1px solid var(--line);border-radius:0;color:var(--text);padding:11px 15px;font-size:13px;transition:background .2s,color .2s}
button:hover,.button:hover{background:#e4e6d6;border-color:var(--text)}
.primary,.header-actions .primary{background:var(--text);color:var(--bg);border-color:var(--text)}
.primary:hover{background:var(--accent);border-color:var(--accent);color:white}
.sourcebar{font:10px/1.5 var(--mono);border:0;padding-block:13px;color:var(--muted)}
.sourcebar a{color:var(--text)}
main{padding-top:0!important}
h1,h2,h3{color:var(--text)}
input,select,textarea{background:#faf8f0;color:var(--text);border-color:var(--line);border-radius:0}
.studio-hero{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding:48px 0 68px;border-bottom:1px solid var(--text)}
.hero-kicker{display:flex;align-items:center;gap:10px;font:11px var(--mono);letter-spacing:.07em;margin-bottom:27px}
.hero-kicker i{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.studio-hero h1{font-family:var(--serif);font-size:clamp(70px,7.8vw,125px);line-height:.95;letter-spacing:-.07em;font-weight:normal;margin:0 0 28px}
.studio-hero h1 em{font-weight:normal;color:var(--accent)}
.hero-copy>p{font-size:16px;line-height:1.65;max-width:350px;color:var(--muted)}
.hero-actions{display:flex;gap:26px;align-items:center;margin-top:28px}
.hero-actions .button{gap:35px;background:var(--text);border-color:var(--text);color:var(--bg);padding:15px 22px}
.hero-actions .textlink{color:var(--text);font-size:13px}
.hero-art{position:relative;min-height:380px;display:grid;place-items:center;isolation:isolate}
.orbital{position:absolute;width:330px;height:330px;border:1px solid #b8c2ac;border-radius:50%;inset:auto;z-index:-1}
.orbital::before,.orbital::after{content:'';position:absolute;inset:24px -37px;border:1px solid #b8c2ac;border-radius:50%;transform:rotate(38deg)}
.orbital::after{transform:rotate(-38deg)}
.specimen{background:#e5e8bf;border:1px solid #bac29e;width:310px;height:310px;position:relative;transform:rotate(-7deg);box-shadow:14px 18px 0 #253c3210;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .4s}
.hero-art:hover .specimen{transform:rotate(-2deg) translateY(-4px)}
.specimen-label{position:absolute;top:18px;left:20px;font:9px var(--mono);letter-spacing:.08em}
.specimen-mark{font:180px/.8 var(--serif);color:var(--text);letter-spacing:-20px;transform:rotate(-6deg);margin-left:-15px}
.specimen-caption{position:absolute;bottom:18px;left:20px;right:20px;display:flex;justify-content:space-between;font:10px var(--mono);border-top:1px solid #9eaa85;padding-top:12px}
.specimen-stamp{position:absolute;bottom:18px;right:6%;border-radius:50%;width:108px;height:108px;background:var(--accent);color:#fff5df;display:grid;place-content:center;text-align:center;transform:rotate(12deg);font:12px/1.55 var(--mono);border:6px double #ef9f80}
.hero-footnote{position:absolute;right:0;top:0;font:10px var(--mono);color:var(--muted)}
.hero-art .small-note{position:absolute;left:0;bottom:-20px;font:10px/1.6 var(--mono);color:var(--muted)}
.build-studio{margin-top:34px!important}
.section-label{border:0;display:flex;gap:20px;align-items:center;padding:0 0 20px;font:11px var(--mono);letter-spacing:.01em}
.section-label h2{font:normal clamp(30px,3.2vw,48px)/1.1 var(--serif);letter-spacing:-.045em;margin:0 auto 0 0}
.section-label h2 em{font-weight:normal;color:var(--accent)}
.build-studio .section-label>span:first-child{margin-right:auto}
.build-switch{border-bottom:1px solid var(--line);gap:15px}
.build-switch button{font:13px var(--mono);border:0;border-bottom:2px solid transparent;padding:10px 0;background:none;border-radius:0}
.build-switch button[aria-pressed=true]{border-color:var(--accent);background:none;color:var(--accent)}
.build-layout{display:flex;flex-direction:column;gap:0;border:0}
.build-preview{order:-1;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);padding:0;background:none;gap:6vw;align-items:center;margin:0}
.app-preview-link{background:#e2e5d7;padding:28px;color:var(--text);display:flex;position:relative;border:1px solid #d1d7c3}
.app-preview-link img{display:block;width:100%;height:330px;object-fit:cover;object-position:top;background:#fff;border:1px solid #bec6b4;box-shadow:0 12px 30px #263b3214;transition:transform .3s}
.app-preview-link:hover img{transform:translateY(-4px)}
.preview-caption{flex-direction:row;justify-content:space-between;padding:20px 0 0;font:10px var(--mono)}
.preview-caption>span{color:var(--text)}
.preview-description{padding:20px 0}
.preview-description>.tiny-label{font:11px var(--mono);color:var(--accent);letter-spacing:.06em}
.preview-description h2{font:normal clamp(44px,4.5vw,72px)/1.05 var(--serif);letter-spacing:-.055em;margin:16px 0 20px}
.preview-description p{font-size:16px;line-height:1.7;max-width:370px;margin:0 0 25px}
.preview-metrics{border-color:var(--line);gap:40px;padding-top:17px;margin:0 0 24px}
.preview-metrics span{font:11px var(--mono);color:var(--muted)}
.preview-metrics b{font:normal 27px var(--serif);color:var(--text);margin-top:8px}
.preview-actions{display:flex;gap:10px;flex-wrap:wrap}
.preview-description>.textlink{font:11px/1.5 var(--mono);color:var(--muted);margin-top:22px}
.build-console{margin-top:22px;background:#e8e9df;border:1px solid var(--line);color:var(--text);border-radius:0;padding:0}
.build-console>summary{display:flex;align-items:center;gap:15px;flex-wrap:wrap;list-style:none;padding:15px 20px;font:11px var(--mono);cursor:pointer}
.build-console>summary::-webkit-details-marker{display:none}
.build-console>summary::after{content:'VIEW SESSION +';font:10px var(--mono);margin-left:auto}
.build-console[open]>summary::after{content:'CLOSE −'}
.build-status,.console-tag{font:10px var(--mono);border-color:var(--line);background:transparent;color:var(--text);border-radius:0}
.build-status.is-error{color:var(--red)}
.console-dim,.console-budget{color:var(--muted);font-size:10px}
.console-budget{margin:0}
.console-tag{display:none}
.build-log{height:260px;background:#21392f;margin:0;border:0;padding:18px}
.build-line{font:11px/1.8 var(--mono);grid-template-columns:65px 52px minmax(0,1fr);border-color:#466054}
.build-line time{color:#a5baa6}.build-line pre{color:#e0e5d5}.log-kind{color:#d8d8b0}.kind-info{color:#b6cfad}.kind-search{color:#d8b686}.kind-think{color:#ffa879}
.build-console>footer{background:#21392f;border-color:#466054;color:#b2c5ae;padding:10px 18px;font-size:10px}
.build-console>footer button{color:#dce6d1;background:none}
.network-strip{padding:21px 0 18px;margin-top:17px;gap:20px;border-color:var(--line);font:11px var(--mono)}
.network-strip b{font:normal 22px var(--serif);color:var(--text);margin-right:7px}
.tiny-label,.data-note,.record-index,.record-age,.record-meta,.source-details,.rail-caption{color:var(--muted)}
.data-note{font:10px/1.7 var(--mono)}
.market-desk{margin-top:64px!important}
.market-desk>.section-label{flex-wrap:wrap;border-bottom:1px solid var(--text);padding-bottom:25px;margin-bottom:24px}
.market-desk>.section-label>span{flex-basis:100%;font-size:10px}
.market-layout{grid-template-columns:minmax(0,1fr) 260px;gap:48px}
.feed-heading{padding:0;border-color:var(--line)}
.feed-heading .tabs{gap:20px}.feed-heading .tabs button{font-size:12px;padding:10px 0 14px}
.feed-heading .tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}
.tabs button span{color:var(--muted)}
.edition-controls{padding-block:10px}.edition-controls select{max-width:210px;font-size:10px;color:var(--muted)}
.market-main .toolbar{gap:16px;margin:24px 0 20px}
.market-main .toolbar input,.market-main .toolbar select{background:transparent;border:0;border-bottom:1px solid var(--line);font-size:13px;padding:10px 0;color:var(--text)}
.market-main .toolbar label{font:10px var(--mono);color:var(--muted)}
.market-main .toolbar>div:not(.searchfield){max-width:140px}
.project-grid{display:grid;grid-template-columns:1fr;border-top:0;gap:0}
.project-record{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:0 24px;padding:25px 0 0;border-bottom:1px solid var(--line);background:none;transition:padding .2s,background .2s}
.project-record:hover{background:#e8eadd;padding-inline:12px}
.project-record>header{grid-column:1;gap:14px;align-items:center}
.record-index{font:10px var(--mono);align-self:flex-start;margin-top:5px}
.record-avatar{width:50px;height:50px;border-radius:0;object-fit:cover;background:#dde1ca}
.record-title{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.record-title h3{font:normal 29px/1.1 var(--serif);letter-spacing:-.04em}
.record-title>span{font:10px var(--mono);color:var(--muted)}
.record-age{display:none}
.record-desc{grid-column:1;white-space:normal;font-size:13px;line-height:1.6;margin:13px 0 18px 39px;max-width:490px}
.record-market{grid-column:2;grid-row:1/3;align-items:flex-end;flex-direction:column;justify-content:center;gap:8px}
.record-market>div{text-align:right}.record-market>div>div{gap:4px;flex-direction:column;align-items:flex-end}
.record-market strong{font:normal 27px var(--serif);letter-spacing:-.03em}
.record-market .tiny-label{font-size:9px}.record-market .gain,.record-market .loss{font:11px var(--mono)}
.heat-readout{font:10px var(--mono);color:var(--muted)}.heat-track{width:55px;background:#d5d9ca}.heat-track i{background:var(--accent)}
.record-meta{grid-column:1/-1;margin:0 0 15px 39px;font:10px var(--mono);gap:20px}
.record-meta b{color:var(--text);font-weight:normal}
.project-record>footer{grid-column:1/-1;font:9px var(--mono);padding:12px 0;border-color:var(--line);color:var(--muted);gap:15px;background:none}
.project-record>footer>a:first-of-type{color:var(--text)}.trade-link{color:var(--accent)}
.market-rail{border-left:0;padding:0}
.rail-block{border-top:1px solid var(--text)}
.rail-block h3{font:normal 26px var(--serif);letter-spacing:-.04em}
.rail-block>header{padding:16px 0;border-color:var(--line)}
.rail-block>header>span,.rail-all{font:9px var(--mono);color:var(--muted)}
.rail-all{border:0;padding:4px 0;min-height:32px}
.burn-line{font-size:10px;padding:12px 0;border-color:var(--line);grid-template-columns:30px 35px 1fr 44px 20px;gap:5px}
.burn-line>span:first-child,.signal-dot{color:var(--accent)}.signal-dot{background:var(--accent)}
.burn-line time{color:var(--muted)}
.rail-more{font:10px var(--mono);padding:17px 0;color:var(--accent)}
.rank-line{border-color:var(--line);font:11px var(--mono);padding:13px 0}.rank-line:hover{background:#e3e8d6}.rank-line>span{color:var(--muted)}
.rail-block+section{margin-top:35px!important}
.source-details{border-color:var(--line);padding-top:15px}.source-details a{color:var(--accent)}
#mechanism{margin-top:85px;padding:38px 0 12px;border-top:1px solid var(--text)}
#mechanism>h2{font:normal 50px/1.1 var(--serif);letter-spacing:-.05em}
.feature-grid{gap:30px}.feature-grid .card{border:0;border-top:1px solid var(--line);background:none;padding:22px 0;margin:0}
.feature-grid h3{font:normal 25px var(--serif)}.feature-grid p{font-size:14px}
.intro{padding:48px 0 20px}.intro h1{font:normal clamp(42px,5vw,78px)/1.05 var(--serif);letter-spacing:-.055em}
.stats,.card,.table-wrap,.notice,.empty,.log,dialog,.search-results a,.toast,.recording{border-radius:0}
.stat,.card,th{background:var(--panel)}
.badge{background:#e0e5d6;color:var(--text);border-color:var(--line);border-radius:0}
.notice,.empty,dialog{background:#e8ebdd;color:var(--text);border-color:var(--line)}
.log{background:#e5e8dc;color:var(--text)}
.tabs button[aria-selected=true]{background:#dfe5d2;color:var(--text);border-color:var(--text)}
.toast{background:var(--text);border-color:var(--text);color:var(--bg)}
.search-results a:hover{background:#dbe2cd}
body>footer{background:#233c31;color:#cfdbbd;padding:45px 0 32px;margin-top:35px;border:0}
body>footer .brand{color:#edf0dc;font-size:70px;letter-spacing:-5px}
body>footer p{color:#acbfa7;max-width:600px;font-size:11px;line-height:1.8}
body>footer .footer-links{font-size:12px;margin-block:25px}
.mobile-nav{background:var(--bg);border-color:var(--line)}
@media(min-width:1600px){.hero-art{min-height:420px}.specimen{width:350px;height:350px}.specimen-mark{font-size:210px}}
@media(max-width:1150px){.toprow{flex-wrap:wrap;gap:15px;padding:14px 0}.nav{order:3;flex-basis:100%;justify-content:flex-start;gap:22px}.header-actions{margin-left:auto}.hero-art{min-height:330px}.specimen{width:255px;height:280px}.orbital{width:260px;height:260px}.specimen-mark{font-size:155px}.specimen-stamp{right:-8px;width:95px;height:95px;font-size:10px}.studio-hero h1{font-size:85px}.market-layout{grid-template-columns:minmax(0,1fr) 235px;gap:25px}.build-preview{grid-template-columns:1.2fr 1fr;gap:35px}.app-preview-link{padding:20px}.app-preview-link img{height:280px}.preview-description h2{font-size:49px}.preview-description p{font-size:14px}.project-record{grid-template-columns:minmax(0,1fr) 125px;gap:0 10px}.record-title h3{font-size:26px}.feed-heading .tabs{gap:14px}}
@media(max-width:760px){.studio-hero{padding:30px 0 40px;gap:20px;grid-template-columns:1fr}.studio-hero h1{font-size:clamp(61px,13vw,95px)}.hero-copy>p{max-width:410px}.hero-art{min-height:285px;max-width:400px;width:100%;justify-self:center;margin-top:15px}.specimen{width:240px;height:240px}.specimen-stamp{right:15px;bottom:4px}.hero-footnote{top:0;right:5px;font-size:9px}.hero-art .small-note{bottom:-4px}.hero-kicker{font-size:10px}.market-layout{grid-template-columns:1fr;gap:40px}.market-rail{display:grid;grid-template-columns:1fr 1fr;gap:25px}.rail-block+section{margin-top:0!important}.rail-caption,.source-details{margin:0}.build-preview{grid-template-columns:1fr;gap:5px}.app-preview-link{display:flex}.app-preview-link img{height:330px}.preview-description{padding:25px 0 0}.preview-description h2{font-size:49px}.preview-description p{max-width:100%;font-size:15px}.preview-metrics{gap:50px}.section-label>.tiny-label{display:none}.network-strip{gap:16px 24px;justify-content:flex-start}.network-strip>.tiny-label{flex-basis:100%}.network-strip>span:not(.tiny-label){min-width:40%;font-size:10px}.network-strip b{font-size:21px}.market-desk{margin-top:42px!important}.section-label h2{font-size:39px}.project-record{grid-template-columns:minmax(0,1fr) 130px}.sourcebar{font-size:9px}.sourcebar>span:last-child{display:none}.feature-grid{grid-template-columns:1fr;gap:5px}#mechanism>h2{font-size:40px}}
@media(max-width:480px){.shell{padding-inline:20px}.brand{font-size:34px}.brandmark{font-size:32px}.header-actions .button,.header-actions button{font-size:11px;padding:9px}.header-actions>a:last-child{display:none}.nav{gap:17px}.nav a{font-size:11px;min-height:36px}.hero-actions{gap:20px}.hero-actions .button{font-size:12px;padding:13px 16px;gap:20px}.hero-actions .textlink{font-size:12px}.build-studio .section-label{gap:10px;font-size:9px}.build-switch{gap:12px}.build-switch button{font-size:11px}.app-preview-link{padding:15px}.app-preview-link img{height:250px}.preview-caption{font-size:9px;gap:10px}.console-budget{display:none}.build-console>summary{padding:13px 10px;gap:7px;font-size:10px}.build-console>summary::after{font-size:8px}.build-line{grid-template-columns:52px 40px minmax(0,1fr);gap:5px;font-size:10px}.market-rail{grid-template-columns:1fr;gap:28px}.feed-heading .tabs{gap:17px}.feed-heading .tabs button{font-size:11px}.market-main .toolbar{flex-wrap:wrap;gap:13px}.market-main .toolbar .searchfield{flex-basis:100%}.market-main .toolbar>div:not(.searchfield){max-width:none;flex:1}.record-avatar{width:36px;height:36px}.project-record>header{gap:9px}.record-title h3{font-size:24px}.project-record{grid-template-columns:minmax(0,1fr) 95px}.record-market strong{font-size:23px}.record-desc{margin-left:0;font-size:12px}.record-index{display:none}.record-meta{margin-left:0;gap:12px;font-size:9px}.project-record>footer{gap:8px;font-size:8px}.project-record>footer>span:nth-child(2){display:none}.section-label h2{font-size:34px}.build-console>footer{font-size:9px}.source-details summary{font-size:11px}body>footer{padding-bottom:90px}.mobile-nav a{font-size:12px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.build-layout{align-items:stretch}.build-console{width:100%}.specimen-stamp{display:block;padding-top:19px}.hero-kicker{flex-wrap:wrap}.hero-kicker span{margin-left:-5px}

.studio-hero>*{min-width:0}.hero-actions{flex-wrap:wrap}.specimen-stamp{box-sizing:border-box}
@media(max-width:480px){.studio-hero{grid-template-columns:minmax(0,1fr)}.studio-hero h1{font-size:clamp(49px,15vw,61px)}.hero-art{overflow:clip}.hero-kicker{font-size:9px;gap:7px}.hero-actions{gap:16px}.record-title h3{overflow-wrap:anywhere}}

@media(max-width:480px){.hero-art .small-note{display:none}}
