/* The Studio · locked room identity. Shared by every member-facing screen. */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/dm-mono-400-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/dm-mono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/dm-mono-500-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/dm-mono-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-400-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --studio-bg:#adb29f;--studio-paper:#e4e6d9;--studio-panel:#d0d4c0;
  --studio-ink:#263022;--studio-muted:#59624f;--studio-orange:#dc7651;
  --paper:var(--studio-bg);--paper2:var(--studio-paper);--paper-2:var(--studio-paper);
  --white:var(--studio-paper);--panel:var(--studio-panel);--cream:var(--studio-paper);
  --ink:var(--studio-ink);--txt:var(--studio-ink);--ink-soft:#414c37;
  --muted:var(--studio-muted);--grey:var(--studio-muted);--grey-soft:#68715e;--faint:#68715e;
  --clay:#263022;--clay-deep:#263022;--clay-tint:#d0d4c0;--clay-glow:transparent;
  --red:var(--studio-orange);--red-tint:#e5c4ad;--amber:var(--studio-orange);
  --amber-deep:#783822;--amber-tint:#e5c4ad;--amber-glow:transparent;
  --sage:var(--studio-panel);--sage-mid:#adb29f;--sage-deep:#59624f;--sage-tint:#d0d4c0;
  --line:#26302230;--line2:#26302250;--line-strong:#26302250;--line-soft:#26302218;
  --sans:'DM Sans',system-ui,sans-serif;--serif:var(--sans);--mono:'DM Mono',monospace;
  --shadow:none;--shadow-lg:none;
}
body.studio-ui{background:var(--studio-bg);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.65}
body.studio-ui :is(h1,h2,h3,.hero-title,.sec-title,.legal-title,.ph-title,.greet-title,.cont-title,.sb-modtitle,.sf-title,.ff-title,.card h2){font-family:var(--sans);font-style:normal;font-weight:500;letter-spacing:-.04em}
body.studio-ui :is(.mark,.nav-mark,.tb-mark,.footer-mark){font-family:var(--sans);font-weight:600;letter-spacing:-.055em;color:var(--ink)}
body.studio-ui .sl{display:inline-block;width:.22em;font-size:0;padding:0}
body.studio-ui :is(.grid,.tx-grid,.tx-halftone){background-image:none}
body.studio-ui :is(.mark,.tb-mark,.nav-mark){font-size:26px}
body.studio-ui :is(.by,.eyebrow,.ph-eyebrow,.greet-eyebrow,.legal-updated,.card-label,.mc-num,.mod-eyebrow){color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.12em}
body.studio-ui :is(.nav,.topbar){background:var(--studio-bg);backdrop-filter:none;border-bottom:1px solid var(--line);height:80px;padding-inline:clamp(20px,4vw,60px)}
body.studio-ui .nav.is-dark :is(.nav-mark,.btn-ghost){color:var(--ink);border-color:var(--line)}
body.studio-ui .nav.is-dark .btn-dark{background:var(--ink);color:var(--studio-paper)}
body.studio-ui :is(.btn-pill,.btn,.cont-btn,.dl-btn,.spark-btn,.access-btn,.act-btns button,.finale-action a){border-radius:7px;box-shadow:none;font-family:var(--sans);font-size:13px;letter-spacing:0;text-transform:none;min-height:44px}
body.studio-ui :is(.btn-dark,.btn-primary,.btn-complete,.cont-btn,.spark-btn){background:var(--ink);color:var(--studio-paper)}
body.studio-ui :is(.btn-red,.btn.solid,.access-btn.solid){background:var(--studio-orange);color:var(--ink)}
body.studio-ui :is(.btn-ghost,.access-btn.ghost){border:1px solid var(--line);color:var(--ink);background:transparent}
body.studio-ui :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--ink);outline-offset:5px;box-shadow:none}
body.studio-ui :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-family:var(--sans);color:var(--ink);background:var(--studio-paper);border:1px solid var(--line2);border-radius:6px;box-shadow:none;font-size:15px;min-height:46px}
body.studio-ui :is(input,textarea)::placeholder{color:var(--muted);opacity:.8}
body.studio-ui :is(input[type=checkbox],input[type=radio]){accent-color:var(--ink)}
body.studio-ui :is(.lede,.col li,.consent,.legal-sub,.sec-sub,.ph-sub,.cont-desc){color:var(--muted);font-weight:400}
body.studio-ui :is(.field label,.field-label){font-family:var(--mono);font-size:10px;letter-spacing:.08em;line-height:1.6}
body.studio-ui :is(.card,.han-note,.mod,.piece,.dl,.submit-card,.sub,.contact-card,.deal,.block,.frame-card,.watch,.guide,.port-opt,.modal,.spark-modal){background:var(--studio-paper);border:1px solid var(--line);border-radius:16px;box-shadow:none}
body.studio-ui :is(.card:hover,.mod:hover,.piece:hover,.dl:hover){box-shadow:none;transform:none;border-color:var(--line2)}
body.studio-ui :is(.track,.cont-track,.spark-bar,.mod-prog .track){height:5px;border-radius:0;background:#26302224}
body.studio-ui :is(.track .fill,.cont-fill,.spark-bar .fill){background:var(--ink);border-radius:0}
body.studio-ui :is(.state,.tb-chip,.spark-chip){border-radius:6px;box-shadow:none;background:var(--studio-panel)}
body.studio-ui .tb-nav a{font-family:var(--sans);font-size:13px;text-transform:none;letter-spacing:0;border-radius:6px;padding:10px 14px}
body.studio-ui .tb-nav a.active{background:var(--ink);color:var(--studio-paper);box-shadow:none}
body.studio-ui .tb-nav a:hover:not(.active){background:var(--studio-paper)}
body.studio-ui :is(.wrap,.legal-body){max-width:1320px}
body.studio-ui :is(.ph-title,.greet-title){font-size:clamp(38px,5vw,64px);line-height:1.05}
body.studio-ui :is(.summary,.overall,.access,.finale,.ff,.spark-feature){background:var(--studio-panel);color:var(--ink);border:1px solid var(--ink);box-shadow:none;border-radius:18px}
body.studio-ui :is(.overall .ot,.overall .of-l,.overall-foot,.summary .stx .l,.access .at,.access-btn.ghost,.finale-sub,.ff-sub){color:var(--muted)}
body.studio-ui :is(.overall .of-v,.summary .stx .m b,.greet-title .nm,.finale-title,.ff-title,.sf-title){color:var(--ink)}
body.studio-ui :is(.ring,.sring,.access-ring){background:conic-gradient(var(--ink) calc(var(--p)*1%),#26302220 0)}
body.studio-ui :is(.ring,.sring,.access-ring)::after{background:var(--studio-panel)}
body.studio-ui :is(.ring .pv,.sring .v,.access-ring .v,.of-v,.sf-credits .big){font-family:var(--mono);color:var(--ink)}
body.studio-ui .han-msg{font-family:var(--sans);font-style:normal;font-size:15px}
body.studio-ui .sec{margin-top:56px}
body.studio-ui .sec-head{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:24px}
body.studio-ui .cont{background:var(--studio-paper);border:1px solid var(--line);border-radius:18px;box-shadow:none}
body.studio-ui .cont-l{padding:clamp(26px,4vw,48px)}
body.studio-ui .cont-title{font-size:clamp(28px,3vw,42px)}
body.studio-ui .path-wrap{padding:28px;background:var(--studio-panel);border-radius:16px}
body.studio-ui :is(.path-track,.path-track .fill){border-radius:0}
body.studio-ui .node.done .node-dot{background:var(--ink);border-color:var(--ink)}
body.studio-ui .node.current .node-dot{background:var(--studio-orange);border-color:var(--ink);box-shadow:none}
body.studio-ui .node.current .node-name{color:var(--ink)}
body.studio-ui :is(.trophy,.util .card){border-radius:16px;background:var(--studio-paper);box-shadow:none;border:1px solid var(--line)}
body.studio-ui :is(.trophy-badge,.piece-badge){background:var(--studio-paper);color:var(--ink);border-radius:5px}
body.studio-ui :is(.card-spark,.sf-r,.ff-r){background:var(--studio-panel)}
body.studio-ui :is(.sf-star,.spark-feature svg){animation:none;filter:none}
body.studio-ui :is(svg [stroke='#E8291C'],svg [stroke='#FFCE00']){stroke:var(--ink)}
body.studio-ui svg [fill='#FFCE00']{fill:var(--studio-orange)}
body.studio-ui .mod{margin-bottom:16px}
body.studio-ui :is(.mod-title,.piece-name,.dl-name){font-family:var(--sans);font-weight:500;letter-spacing:-.025em}
body.studio-ui .mod-title{font-size:26px}
body.studio-ui .mod-idea{font-family:var(--sans);font-style:normal;color:var(--muted);font-size:14px}
body.studio-ui :is(.finale-img,.ff-r){background:var(--ink)}
body.studio-ui .finale-eyebrow{color:var(--muted)}
body.studio-ui .mod.locked{opacity:.75}
body.studio-ui .sub-fb{background:var(--studio-panel)}
body.studio-ui :is(.star.active,.nps button.active){background:var(--ink);color:var(--studio-paper);border-color:var(--ink)}
/* Admissions and access: one quiet card, clear next action. */
body.studio-ui[data-studio-screen=login] .shell{width:min(480px,calc(100% - 40px));padding-top:clamp(48px,8vh,90px)}
body.studio-ui[data-studio-screen=login] .mark{font-size:32px;line-height:1.1}
body.studio-ui[data-studio-screen=login] .card{background:var(--studio-panel);border-color:var(--ink);border-radius:24px;padding:36px;margin-top:36px}
body.studio-ui[data-studio-screen=login] .card h2{font-size:38px;margin:14px 0}
body.studio-ui[data-studio-screen=login] .card p{color:var(--muted)}
body.studio-ui[data-studio-screen=login] .btn{background:var(--ink);color:var(--studio-paper)}
body.studio-ui[data-studio-screen=apply] .wrap{max-width:1160px;padding:48px 32px 80px}
body.studio-ui[data-studio-screen=apply] #form-view{display:grid;grid-template-columns:.9fr 1.1fr;gap:0 64px;margin-top:48px;align-items:start}
body.studio-ui[data-studio-screen=apply] #form-view>:not(form){grid-column:1}
body.studio-ui[data-studio-screen=apply] .eyebrow{margin-top:0}
body.studio-ui[data-studio-screen=apply] h1{font-size:clamp(40px,5vw,64px);line-height:1.06}
body.studio-ui[data-studio-screen=apply] .anchor{border-radius:6px;padding:12px 16px;margin-top:24px;background:var(--studio-orange);border:0;color:var(--ink)}
body.studio-ui[data-studio-screen=apply] .deal{margin-top:30px;background:var(--studio-panel);padding:26px}
body.studio-ui[data-studio-screen=apply] .cols{grid-template-columns:1fr;gap:24px}
body.studio-ui[data-studio-screen=apply] #applyForm{grid-column:2;grid-row:1 / span 6;background:var(--studio-paper);border-radius:20px;padding:32px;border:1px solid var(--line)}
body.studio-ui[data-studio-screen=apply] .field{margin-bottom:24px}
body.studio-ui[data-studio-screen=apply] #done-view{background:var(--studio-paper);border:1px solid var(--ink);border-radius:20px;padding:48px;margin-top:40px}
body.studio-ui[data-studio-screen=founding-feedback] .wrap{max-width:780px;padding:44px 28px 80px}
body.studio-ui[data-studio-screen=founding-feedback] :is(form,.gate){padding:28px;background:var(--studio-paper);border:1px solid var(--line);border-radius:16px;margin-top:28px}
/* Handbook pages share the room's editorial shell. */
body.studio-ui .legal-hero{background:var(--studio-bg);padding-top:140px;border-bottom:1px solid var(--line)}
body.studio-ui .legal-title{font-size:clamp(42px,7vw,76px)}
body.studio-ui .legal-body{max-width:900px;padding:48px 32px 80px}
body.studio-ui .legal-body h2{font-size:26px;margin-top:40px;color:var(--ink)}
body.studio-ui :is(.callout,.placeholder,.topic,.legal-toc){background:var(--studio-panel);border-color:var(--line);border-radius:10px}
body.studio-ui .footer{background:var(--studio-bg);color:var(--muted);border-top:1px solid var(--line)}
body.studio-ui .footer-mark{color:var(--ink)}
/* Workbook: quiet workspace, legible tools, focus on the member's work. */
body.studio-ui[data-studio-screen=workbook] .topbar{height:72px}
body.studio-ui[data-studio-screen=workbook] .shell{max-width:1560px;grid-template-columns:280px 1fr}
body.studio-ui[data-studio-screen=workbook] .sidebar{top:72px;height:calc(100vh - 72px);background:var(--studio-bg);padding:32px 22px}
body.studio-ui[data-studio-screen=workbook] .content{padding:42px clamp(24px,5vw,72px) 130px}
body.studio-ui[data-studio-screen=workbook] .ph-title{font-size:clamp(34px,4vw,54px)}
body.studio-ui .sb-item{border-radius:6px;font-size:13px}
body.studio-ui .sb-item.active{background:var(--ink);color:var(--studio-paper);box-shadow:none}
body.studio-ui .sb-item.active .sb-dot{background:var(--studio-paper);color:var(--ink);border:0}
body.studio-ui .sb-dot.complete{background:var(--ink);border-color:var(--ink);color:var(--studio-paper)}
body.studio-ui .sb-modtitle{font-size:25px}
body.studio-ui .sb-progress .pct{font-family:var(--mono);font-size:24px;font-weight:400}
body.studio-ui .block{padding:28px;margin-top:20px}
body.studio-ui :is(.block-num,.block-req,.card-label){color:var(--muted)}
body.studio-ui .block-prompt{font-family:var(--sans);font-size:20px;font-weight:500;letter-spacing:-.02em}
body.studio-ui :is(.actionbar,.lesson-nav){border-color:var(--line)}
body.studio-ui .actionbar{background:var(--studio-bg);backdrop-filter:none}
body.studio-ui :is(.watch,.guide){background:var(--studio-panel)}
body.studio-ui .mod-video{border-radius:16px;overflow:hidden}
body.studio-ui .mv-stage{background:var(--ink)}
body.studio-ui .complete-share-modal{background:var(--studio-paper)}
body.studio-ui .toast{background:var(--ink);color:var(--studio-paper);border-radius:6px}
/* The public doorway: editorial introduction and a framed film. */
body.studio-ui[data-studio-screen=home] .hero{min-height:760px;height:min(900px,calc(100vh + 60px));display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding:140px max(32px,calc((100vw - 1240px)/2)) 64px;background:var(--studio-bg);overflow:visible}
body.studio-ui[data-studio-screen=home] .hero-body{padding:0;text-align:left;grid-column:1;grid-row:1}
body.studio-ui[data-studio-screen=home] .hero-video{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:540px;object-fit:cover;opacity:1;border-radius:24px;border:1px solid var(--ink)}
body.studio-ui[data-studio-screen=home] .hero-over{display:none}
body.studio-ui[data-studio-screen=home] .hero-title{color:var(--ink);font-size:clamp(48px,6vw,88px);line-height:1.02;font-weight:500;max-width:10ch;margin:22px 0 28px}
body.studio-ui[data-studio-screen=home] .hero-eyebrow{color:var(--muted);margin:0;font-size:10px}
body.studio-ui[data-studio-screen=home] .hero-sub{color:var(--muted);font-size:17px;margin:0 0 30px;max-width:39ch}
body.studio-ui[data-studio-screen=home] .hero-ctas{justify-content:flex-start}
body.studio-ui[data-studio-screen=home] .hero-scroll{display:none}
body.studio-ui[data-studio-screen=home] .hero-meta{color:var(--muted)!important}
body.studio-ui[data-studio-screen=home] section:not(.hero){padding:80px clamp(24px,5vw,80px)}
body.studio-ui[data-studio-screen=home] :is(.why-sec,.modules-sec,.about-sec,.faq-sec){background:var(--studio-bg);border-top:1px solid var(--line)}
body.studio-ui[data-studio-screen=home] .sec-title{font-size:clamp(36px,4vw,58px);line-height:1.06}
body.studio-ui[data-studio-screen=home] .why-quote{font-family:var(--sans);font-style:normal;font-size:25px;letter-spacing:-.025em;line-height:1.4}
body.studio-ui[data-studio-screen=home] :is(.mod-card,.faq-item){background:var(--studio-paper);border:1px solid var(--line);border-radius:16px;box-shadow:none}
body.studio-ui[data-studio-screen=home] .mod-card{padding:28px;min-height:230px}
body.studio-ui[data-studio-screen=home] .mod-card:hover{transform:none;box-shadow:none;background:var(--studio-panel)}
body.studio-ui[data-studio-screen=home] .mc-title{font-family:var(--sans);font-size:26px;line-height:1.1;letter-spacing:-.025em;font-weight:500}
body.studio-ui[data-studio-screen=home] .mc-foot{border-color:var(--line)}
body.studio-ui[data-studio-screen=home] .mc-out{color:var(--ink)}
body.studio-ui[data-studio-screen=home] .edit-sec{height:auto!important;background:var(--studio-panel);color:var(--ink)}
body.studio-ui[data-studio-screen=home] .edit-stage{position:relative;top:auto;height:auto;min-height:0;background:transparent;overflow:visible;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;max-width:1240px;margin:auto}
body.studio-ui[data-studio-screen=home] :is(.edit-stage::before,.edit-grain,.edit-contact,.edit-playhead,.edit-phase){display:none!important}
body.studio-ui[data-studio-screen=home] .edit-head{position:static;width:auto;opacity:1!important;transform:none!important;grid-column:1;grid-row:1;align-self:center}
body.studio-ui[data-studio-screen=home] .edit-head h2{font-family:var(--sans);font-size:clamp(38px,4vw,58px);font-weight:500;line-height:1.06}
body.studio-ui[data-studio-screen=home] .edit-head :is(p,.eyebrow){color:var(--muted)}
body.studio-ui[data-studio-screen=home] .edit-final{position:relative;inset:auto;width:auto;height:auto;opacity:1!important;transform:none!important;grid-column:2;grid-row:1;border-radius:20px;overflow:hidden;aspect-ratio:4/3;border:1px solid var(--ink)}
body.studio-ui[data-studio-screen=home] .edit-final img{width:100%;height:100%;object-fit:cover}
body.studio-ui[data-studio-screen=home] .edit-final-copy{position:absolute;bottom:24px;left:24px;right:24px;transform:none!important;opacity:1!important}
body.studio-ui[data-studio-screen=home] .edit-final-copy h2{font-size:clamp(32px,3.2vw,48px);color:var(--studio-paper)}
body.studio-ui[data-studio-screen=home] .edit-final-copy :is(p,.kicker,.credit){color:var(--studio-paper)}
body.studio-ui[data-studio-screen=home] .cta-sec{background:var(--studio-orange);color:var(--ink);border-radius:24px;margin:24px clamp(20px,4vw,60px) 64px;padding:64px!important}
body.studio-ui[data-studio-screen=home] .cta-sec :is(h2,p,.eyebrow){color:var(--ink)}
body.studio-ui[data-studio-screen=home] .cta-sec .btn-red{background:var(--ink);color:var(--studio-paper)}
@media(max-width:1000px){
  body.studio-ui[data-studio-screen=home] .hero{gap:28px;padding-inline:32px}
  body.studio-ui[data-studio-screen=home] .hero-video{height:470px}
  body.studio-ui[data-studio-screen=apply] #form-view{gap:0 32px}
  body.studio-ui .tb-left{gap:20px}
}
@media(max-width:760px){
  body.studio-ui :is(.nav,.topbar){height:auto;min-height:68px;padding:16px 20px;flex-wrap:wrap;gap:14px}
  body.studio-ui .tb-left{flex-wrap:wrap;gap:12px;min-width:0}
  body.studio-ui .tb-nav{display:flex;flex-wrap:wrap;gap:3px}
  body.studio-ui .tb-nav a{padding:8px 10px;font-size:12px;min-height:38px}
  body.studio-ui :is(.wrap,.legal-body){padding-inline:20px}
  body.studio-ui .sec-head{align-items:flex-start;flex-wrap:wrap;gap:12px}
  body.studio-ui .greet-l{min-width:0}
  body.studio-ui .overall{width:100%}
  body.studio-ui .path-wrap{padding:20px}
  body.studio-ui[data-studio-screen=home] .hero{height:auto;min-height:0;display:flex;flex-direction:column;padding:116px 20px 40px;gap:34px;align-items:stretch}
  body.studio-ui[data-studio-screen=home] .hero-title{font-size:clamp(48px,10vw,72px);max-width:12ch}
  body.studio-ui[data-studio-screen=home] .hero-video{order:2;height:330px;border-radius:18px}
  body.studio-ui[data-studio-screen=home] section:not(.hero){padding:52px 20px}
  body.studio-ui[data-studio-screen=home] .edit-stage{display:flex;flex-direction:column;gap:28px}
  body.studio-ui[data-studio-screen=home] .edit-final{display:block;flex:none;aspect-ratio:4/3}
  body.studio-ui[data-studio-screen=home] .cta-sec{padding:36px 24px!important;margin-inline:20px}
  body.studio-ui[data-studio-screen=apply] .wrap{padding:32px 20px 60px}
  body.studio-ui[data-studio-screen=apply] #form-view{display:block;margin-top:36px}
  body.studio-ui[data-studio-screen=apply] #applyForm{padding:24px 20px;margin-top:32px}
  body.studio-ui[data-studio-screen=workbook] .shell{display:block}
  body.studio-ui[data-studio-screen=workbook] .sidebar{position:static;height:auto;padding:24px 20px}
  body.studio-ui[data-studio-screen=workbook] .content{padding:32px 20px 140px}
  body.studio-ui[data-studio-screen=workbook] .topbar{height:auto;position:relative}
  body.studio-ui .block{padding:22px 20px}
  body.studio-ui .actionbar{padding:14px 20px}
  body.studio-ui .legal-hero{padding:116px 20px 40px}
  body.studio-ui[data-studio-screen=login] .card{padding:28px 24px}
}
@media(prefers-reduced-motion:reduce){body.studio-ui *{animation:none!important;scroll-behavior:auto!important}}

body.studio-ui .hero-meta{display:inline-block;margin-top:20px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}

/* Motion stays quiet; hidden reveal states never withhold content. */
body.studio-ui.mo [data-rise]{opacity:1;transform:none}
body.studio-ui.mo :is(.spark-chip,.node,.guide-av,.spark-card):hover{transform:none;animation:none;box-shadow:none}
body.studio-ui .mo-spark{display:none}
body.studio-ui :is(.track .fill,.cont-fill){background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px)}
body.studio-ui :is(.stars .star.on,.nps button.on){background:var(--ink);color:var(--studio-paper);border-color:var(--ink)}
body.studio-ui .brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0}
body.studio-ui .brand-swatch{height:120px;border-radius:12px;border:1px solid var(--line);margin-bottom:16px}
body.studio-ui .brand-grid .card{padding:24px}
@media(max-width:760px){body.studio-ui .brand-grid{grid-template-columns:1fr 1fr}}
@media(max-width:440px){body.studio-ui .brand-grid{grid-template-columns:1fr}}

/* Final pass: complete static content and consistent dynamic cards. */
body.studio-ui [data-rise]{opacity:1!important;transform:none!important}
body.studio-ui .reveal{animation:none;opacity:1;transform:none}
body.studio-ui .sl{width:6px;padding:0!important}
body.studio-ui[data-studio-screen=home] .edit-stage::before{display:none}
body.studio-ui[data-studio-screen=home] .pricing-sec{background:var(--studio-orange);color:var(--ink);border-radius:24px;margin:24px clamp(20px,4vw,60px) 64px;padding:64px}
body.studio-ui[data-studio-screen=home] .pricing-sec .btn-red{background:var(--ink);color:var(--studio-paper)}
body.studio-ui[data-studio-screen=home] :is(.footer-nav a,.footer-copy,.cta-note){color:var(--muted)}
body.studio-ui .piece-body{padding:24px}
body.studio-ui .piece-mod{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--muted)}
body.studio-ui .piece-name{font-size:24px;line-height:1.16;margin:12px 0}
body.studio-ui .piece-date{font-size:13px;color:var(--muted);margin-bottom:14px}
body.studio-ui .piece-body>p:last-child a{font-size:13px;text-decoration:underline;text-underline-offset:4px}
body.studio-ui .guide.ink .guide-body :is(.who,.msg){color:var(--ink)}
body.studio-ui .node.current .node-dot::after{display:none}
@media(max-width:760px){body.studio-ui[data-studio-screen=home] .pricing-sec{padding:40px 24px;margin-inline:20px}}
body.studio-ui[data-studio-screen=login] .shell{margin-inline:auto;flex:none;justify-content:flex-start;padding-bottom:48px}
body.studio-ui[data-studio-screen=login] .by{margin-bottom:0}
body.studio-ui[data-studio-screen=login] .foot{margin-top:auto}
body.studio-ui a:not([class]){color:var(--ink)}
body.studio-ui :is(.foot,footer:not(.footer)){color:var(--muted)}
body.studio-ui .contact-card{color:var(--ink)}
body.studio-ui .contact-l .cl-label{color:var(--muted)}
body.studio-ui .contact-card .email-link{color:var(--ink)!important}
body.studio-ui .contact-r{background:var(--studio-panel);color:var(--muted);border-color:var(--line);border-radius:6px}
body.studio-ui .contact-r .dot{background:var(--ink)}
body.studio-ui :is(.footer-nav a,.footer-copy,.ff-prog .meta){color:var(--muted)}
body.studio-ui .finale .btn-locked{color:var(--muted)!important;border-color:var(--line)!important}
body.studio-ui .mod-img .lk{width:34px;height:34px;color:var(--muted)}
body.studio-ui .mod:not(.locked) .mod-img:has(.lk){display:flex;align-items:center;justify-content:center;background:var(--studio-panel)}
body.studio-ui .mod:not(.locked) .mod-img .lk{display:none}
body.studio-ui .mod:not(.locked) .mod-img:has(.lk)::after{content:'THE STUDIO / WORKBOOK';font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--ink)}

body.studio-ui .access-ring{background:conic-gradient(var(--ink) calc(var(--ap,0)*1%),#26302220 0)}
body.studio-ui .guide-body .msg{font-style:normal}
@media(max-width:760px){
  body.studio-ui .nav-right{display:flex;flex-wrap:wrap;gap:8px}
  body.studio-ui .nav-right .btn-pill{display:inline-flex!important}
  body.studio-ui[data-studio-screen=home] .hero{padding-top:168px}
  body.studio-ui .legal-hero{padding-top:164px}
}