/* ══════════ Brief studio ══════════
   .studio = the download/share sheet. .sx = the designed artboards (fixed pixel sizes, exported with html2canvas).
   Brand: For Others Gray #232323 · Collective Beige #d6d2c4 · Restoration Yellow #f6b700 (small sharp accents only).
   Type: Outfit (headings & structure — stands in for Oakes Grotesk) · Lora (prose — stands in for Calluna). */

/* ── The studio sheet ── */
body.studio-on{overflow:hidden}
.studio{position:fixed;inset:0;z-index:200;background:rgba(24,24,24,.62);display:grid;grid-template-rows:auto auto 1fr auto;font-family:'Outfit',sans-serif;color:#232323;
  width:min(1180px,calc(100vw - 48px));height:min(940px,calc(100vh - 48px));margin:auto;border-radius:18px;overflow:hidden;box-shadow:0 0 0 100vmax rgba(24,24,24,.62),0 24px 60px rgba(0,0,0,.35);background:#fff;inset:0}
.studio-top{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #ECE9E1}
.studio-top>div{flex:1;min-width:0}
.studio-top b{display:block;font-size:19px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-top span{font-size:13px;color:#7a7466}
.studio-x{width:40px;height:40px;border-radius:50%;border:0;background:#F3F1EB;font-size:17px;cursor:pointer;color:#232323;flex:0 0 40px}
.studio-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 20px;border-bottom:1px solid #ECE9E1}
.studio-fmts{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.studio-fmts::-webkit-scrollbar{display:none}
.studio-fmts button{display:flex;align-items:center;gap:10px;border:1.5px solid #E2DED3;background:#fff;border-radius:12px;padding:9px 14px 9px 12px;cursor:pointer;text-align:left;font-family:inherit;color:#232323;flex:0 0 auto}
.studio-fmts button b{display:block;font-size:14.5px;font-weight:600}
.studio-fmts button small{display:block;font-size:12px;color:#7a7466}
.studio-fmts button.on{border-color:#232323;box-shadow:inset 0 0 0 1px #232323}
.sf-ic{display:block;border:2px solid currentColor;border-radius:3px;flex:0 0 auto;opacity:.75}
.sf-ic.card{width:16px;height:20px}.sf-ic.brief{width:15px;height:20px;border-top-width:6px}.sf-ic.slide{width:26px;height:15px}
.studio-fmts button.on .sf-ic{opacity:1;border-color:#232323;box-shadow:inset 0 -3px 0 #f6b700}
.studio-aud{display:inline-flex;background:#EFEDE6;border-radius:10px;padding:3px;margin-left:auto}
.studio-aud button{border:0;background:transparent;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13.5px;font-weight:600;color:#7a7466;cursor:pointer}
.studio-aud button.on{background:#fff;color:#232323;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.studio-note{flex:1 0 100%;margin:0;font-size:12.5px;color:#7a7466}
.studio-stage{background:#E9E6DF;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto;min-height:0}
.studio-pages{display:flex;gap:20px;align-items:flex-start;justify-content:center}
.studio-pager{display:flex;gap:6px;justify-content:center;margin-top:12px}
.studio-pager button{border:1px solid #D9D5CA;background:#fff;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600;color:#5f5a4f}
.studio-pager button.on{background:#232323;color:#fff;border-color:#232323}
.studio-stage{flex-direction:column}
.studio-fit{position:relative;flex:0 0 auto;box-shadow:0 10px 30px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12);border-radius:4px;overflow:hidden;background:#fff}
.studio-scale{transform-origin:0 0;position:absolute;left:0;top:0}
.studio-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #ECE9E1;background:#fff}
.studio-act .btn{min-height:44px;font-size:15px;border-radius:12px;padding:10px 18px}
.studio-full{margin-left:auto;font-size:13.5px;background:none;border:0;cursor:pointer;color:#5f5a4f;text-decoration:underline;text-underline-offset:3px;font-family:inherit}
.studio-off{position:fixed;left:-40000px;top:0;pointer-events:none}
.studio-off .sx+.sx{margin-top:40px}
/* during a capture the clean copy moves to the top-left, under the studio sheet */
.studio-off.capture{left:0;top:0;z-index:-1}
@media print{.studio{display:none}}
[data-view="phone"] .studio{width:100%;height:100%;border-radius:0;box-shadow:none}
[data-view="phone"] .studio-top{padding:12px 14px;padding-top:calc(12px + env(safe-area-inset-top))}
[data-view="phone"] .studio-ctl{padding:12px 14px;gap:10px}
[data-view="phone"] .studio-fmts{flex:1 0 100%;margin:0 -14px;padding:0 14px}
[data-view="phone"] .studio-fmts button{padding:10px 14px 10px 12px}
[data-view="phone"] .studio-fmts button b{font-size:15px}
[data-view="phone"] .studio-aud{margin-left:0;flex:1 0 100%}
[data-view="phone"] .studio-aud button{flex:1;font-size:15px;padding:10px}
[data-view="phone"] .studio-note{font-size:13.5px}
[data-view="phone"] .studio-stage{padding:14px}
[data-view="phone"] .studio-act{padding:10px 14px calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:8px}
[data-view="phone"] .studio-act .btn{width:100%;min-height:50px;font-size:16px}
[data-view="phone"] .studio-act .btn:first-child{grid-column:1/-1}
[data-view="phone"] .studio-full{grid-column:1/-1;margin:2px auto 0;font-size:14px}

/* ══════════ Artboards v2 ══════════ */
.sx{position:relative;overflow:hidden;background:#fff;color:#232323;font-family:'Outfit',sans-serif;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.sx *{box-sizing:border-box;margin:0;padding:0}
.sx ul,.sx ol{list-style:none}
.sx-card{width:1080px;height:1350px}
.sx-brief{width:816px;height:1056px}
.sx-slide{width:1920px;height:1080px;flex-direction:row}
.sx-kick{font-size:20px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#d6d2c4}
.sx-rule{width:96px;height:8px;background:#f6b700;margin:22px 0 20px}
.sx h4{font-size:19px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#232323;margin-bottom:18px}
.sx h4 small{font-size:.9em;letter-spacing:0;color:#8a8475;font-weight:500;margin-left:6px}
.sx h5{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#232323;margin-bottom:10px}
.sx h6{font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8a8475}
.sx-badge{display:inline-block;background:#f6b700;color:#232323;font-weight:600;font-size:20px;letter-spacing:.02em;padding:9px 18px;border-radius:999px;line-height:1.1;white-space:nowrap}
.sx-badge.ghost{background:transparent;color:#d6d2c4;border:2px solid rgba(214,210,196,.5)}
.sx-muted{font-family:'Lora',serif;font-style:italic;color:#8a8475}
.sx-lede{font-family:'Lora',serif;color:#2b2925;line-height:1.55}
.sx-lede b{font-family:'Outfit',sans-serif;font-weight:600;color:#232323}

/* Header band */
.sx-hd{position:relative;background:#232323;color:#fff;padding:60px 72px 46px;display:flex;gap:36px;align-items:flex-start;flex:0 0 auto}
.sx-hd-t{flex:1;min-width:0}
.sx-hd h1{font-size:112px;line-height:.98;font-weight:700;letter-spacing:-.025em;margin-top:14px;color:#fff;overflow-wrap:normal;word-break:normal}
.sx-hd h1.md{font-size:92px}.sx-hd h1.lg{font-size:74px;line-height:1.02}.sx-hd h1.xl{font-size:60px;line-height:1.05}
.sx-hdp{font-family:'Lora',serif;font-size:25px;line-height:1.45;color:rgba(255,255,255,.82);max-width:640px}
.sx-hdp b{color:#fff;font-weight:600}
.sx-hd-r{display:flex;flex-direction:column;align-items:flex-end;gap:16px;flex:0 0 auto}
.sx-shape{width:220px;height:220px;display:block}
.sx-rolel{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-bottom:20px}
.sx-loc{font-size:22px;color:#d6d2c4}

/* Stat strip */
.sx-stats{display:flex;padding:30px 72px 28px;border-bottom:1px solid #E6E2D8;flex:0 0 auto}
.sx-stats>div{flex:1;padding-right:24px;min-width:0}
.sx-stats>div+div{padding-left:28px;border-left:1px solid #E6E2D8}
.sx-stats b{display:block;font-size:62px;line-height:1;font-weight:600;letter-spacing:-.02em;white-space:nowrap}
.sx-stats span{display:block;font-size:18px;line-height:1.35;color:#6d685c;margin-top:9px}

/* Sections */
.sx-sec{padding:30px 72px 0;flex:0 0 auto}
.sx-sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:16px}
.sx-sec-h h4{margin-bottom:0}
.sx-key{display:flex;gap:18px;font-size:15px;color:#6d685c;white-space:nowrap}
.sx-key span{display:inline-flex;align-items:center;gap:7px}
.sx-key i{display:inline-block;width:17px;height:17px;border-radius:4px}
.sx-key i.dir{background:#232323;border-left:4px solid #f6b700}
.sx-key i.ind{background:#ECE8DE}
.sx-key i.gap{border:2px dashed #C4BDAB}
.sx-split{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;padding:0 72px;flex:0 0 auto}
.sx-split>.sx-sec{padding-left:0;padding-right:0}

/* Flow: the eight outcomes as two lanes */
.sx-flow{display:flex;flex-direction:column;gap:14px}
.sx-lane h6{margin-bottom:8px}
.sx-nodes{display:flex;align-items:stretch}
.sx-arr{flex:0 0 22px;position:relative}
.sx-arr:before{content:"";position:absolute;left:3px;right:7px;top:50%;height:2px;background:#C9C2B1}
.sx-arr:after{content:"";position:absolute;right:3px;top:50%;margin-top:-5px;border:5px solid transparent;border-left:7px solid #C9C2B1;border-right:0}
.sx-fn{flex:1;min-width:0;position:relative;border-radius:12px;padding:12px 14px 12px 20px;display:flex;flex-direction:column;gap:3px;min-height:84px;justify-content:center}
.sx-fn b{font-size:22px;font-weight:600;line-height:1.15}
.sx-fn span{font-size:15px;line-height:1.3;color:#6d685c}
.sx-fn em{font-style:normal;font-size:14px;font-weight:600;color:#232323}
.sx-fn em small{font-weight:400;color:#8a8475;font-size:.9em}
.sx-fn em.down{color:#A4432E}
.sx-fn i{font-style:normal;font-size:13.5px;line-height:1.3;color:#3d3a33}
.sx-fn.dir{background:#232323;color:#fff}
.sx-fn.dir:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:6px;background:#f6b700;border-radius:0 4px 4px 0}
.sx-fn.dir span,.sx-fn.dir i{color:#d6d2c4}
.sx-fn.dir em{color:#f6b700}.sx-fn.dir em small{color:#bdb7a8}.sx-fn.dir em.down{color:#F0A08C}
.sx-fn.ind{background:#F1EEE6}
.sx-fn.gap{background:#fff;border:2px dashed #CBC4B3}
.sx-fn.gap span{font-family:'Lora',serif;font-style:italic;color:#9a937f}
.sx-flow.compact .sx-fn{min-height:70px}

/* Roles */
.sx-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sx-role h5{display:flex;align-items:baseline;gap:10px;color:#6d685c;border-top:3px solid #232323;padding-top:12px;margin-bottom:8px;line-height:1.3;font-size:14px}
.sx-role h5 b{font-size:32px;letter-spacing:-.01em;color:#232323;font-weight:600}
.sx-role li{font-size:19px;line-height:1.3;padding:5px 0;border-bottom:1px solid #EEEBE3;display:flex;justify-content:space-between;gap:8px;align-items:center}
.sx-role li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-role li i{font-style:normal;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#232323;background:#f6b700;border-radius:999px;padding:3px 8px;flex:0 0 auto}
.sx-role li.more{color:#8a8475;border:0}
.sx-role p{font-family:'Lora',serif;font-style:italic;font-size:19px;color:#9a937f}

/* Columns, bullets */
.sx-two{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.sx-col{min-width:0}
.sx-bul li{position:relative;padding:4px 0 4px 16px;line-height:1.45;color:#3d3a33}
.sx-bul li:before{content:"";position:absolute;left:0;top:.95em;width:7px;height:7px;border-radius:50%;background:#232323}
.sx-bul li b{color:#232323;font-weight:600}
.sx-bul li em{font-style:normal;color:#8a8475}
.sx-bul li.more{color:#8a8475;padding-left:0}.sx-bul li.more:before{display:none}
.sx-col.seats .sx-bul li:before{background:#fff;border:2px dashed #A99F87;width:8px;height:8px}
.sx-more{font-size:12px;color:#8a8475;margin-top:6px}

/* Strengths, priorities, where */
.sx-str{display:flex;flex-direction:column;gap:14px}
.sx-strrow{display:grid;grid-template-columns:38px 1fr 60px;grid-template-rows:auto auto;align-items:center;gap:7px 12px}
.sx-strrow .i{grid-row:1/3;grid-column:1;width:38px;height:38px;border-radius:50%;background:#232323;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600}
.sx-strrow:first-child .i{background:#f6b700;color:#232323}
.sx-strrow b{grid-column:2;grid-row:1;font-size:21px;font-weight:600;line-height:1.2}
.sx-strrow em{grid-column:3;grid-row:1;font-style:normal;font-size:19px;font-weight:600;text-align:right}
.sx-strrow .bar{grid-column:2/4;grid-row:2;height:9px;background:#ECE8DE;border-radius:5px;overflow:hidden}
.sx-strrow .bar i{display:block;height:100%;background:#232323;border-radius:5px}
.sx-pri{display:flex;flex-wrap:wrap;gap:9px}
.sx-pri span{font-size:17px;padding:7px 13px;border-radius:999px;background:#F1EEE6;line-height:1.2}
.sx-where{display:flex;flex-direction:column;gap:10px}
.sx-us{width:100%;height:auto;display:block;max-height:240px}
.sx-wl{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px;color:#6d685c}
.sx-wl span{display:inline-flex;align-items:center;gap:7px}
.sx-wl i{width:15px;height:15px;border-radius:3px;display:inline-block}
.sx-wl i.hq{background:#f6b700}.sx-wl i.on{background:#232323}.sx-wl i.exp{background:#BDB6A4}
.sx-states{font-size:15px;line-height:1.4;color:#3d3a33}

/* Footer */
.sx-foot{margin-top:auto;display:flex;align-items:center;gap:24px;padding:22px 72px;border-top:1px solid #E6E2D8;font-size:15px;color:#8a8475;flex:0 0 auto}
.sx-foot>span:nth-child(2){flex:1;font-family:'Lora',serif;font-style:italic}
.sx-foot>span:last-child{white-space:nowrap}
.sx-mark{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto}
.sx-lm{width:42px;height:42px;border-radius:50%;background:#f6b700;color:#232323;display:flex;align-items:center;justify-content:center;font-family:'Lora',serif;font-weight:700;font-size:17px}
.sx-mark b{display:block;font-size:18px;font-weight:600;color:#232323;line-height:1.1}
.sx-mark i{display:block;font-style:normal;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#8a8475}
.sx-mark.dk b{color:#fff}.sx-mark.dk i{color:#d6d2c4}

/* ── Share card ── */
.sx-card .sx-split{padding-top:0}
.sx-card .sx-split .sx-sec{padding-top:30px}
.sx-card.sx-p .sx-hd h1{font-size:96px}.sx-card.sx-p .sx-hd h1.md{font-size:80px}.sx-card.sx-p .sx-hd h1.lg{font-size:66px}.sx-card.sx-p .sx-hd h1.xl{font-size:54px}
.sx-card.sx-p .sx-hdp{max-width:900px}
.sx-card.fit1 .sx-hd{padding:52px 72px 38px}.sx-card.fit1 .sx-stats{padding:24px 72px 22px}.sx-card.fit1 .sx-stats b{font-size:54px}.sx-card.fit1 .sx-sec{padding-top:24px}
.sx-card.fit2 .sx-hd{padding:46px 72px 32px}.sx-card.fit2 .sx-hdp{font-size:22px}.sx-card.fit2 .sx-shape{width:180px;height:180px}.sx-card.fit2 .sx-stats b{font-size:48px}.sx-card.fit2 .sx-fn{min-height:60px;padding:9px 12px 9px 18px}.sx-card.fit2 .sx-fn b{font-size:20px}.sx-card.fit2 .sx-us{max-height:200px}
.sx-card.fit3 .sx-hd h1{font-size:84px}.sx-card.fit3 .sx-hd h1.lg,.sx-card.fit3 .sx-hd h1.xl{font-size:56px}.sx-card.fit3 .sx-sec{padding-top:20px}.sx-card.fit3 .sx-role li{font-size:17px}.sx-card.fit3 .sx-us{max-height:170px}
.sx-card.fit4 .sx-hd{padding:36px 72px 26px}.sx-card.fit4 .sx-stats{padding:18px 72px 16px}.sx-card.fit4 .sx-stats b{font-size:42px}.sx-card.fit4 .sx-stats span{font-size:15px}.sx-card.fit4 .sx-fn{min-height:52px}.sx-card.fit4 .sx-strrow b{font-size:18px}

/* ── Slide ── */
.sx-side{width:640px;flex:0 0 640px;background:#232323;color:#fff;padding:80px 68px 60px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;overflow:hidden}
.sx-side h1{font-size:118px;line-height:.98;font-weight:700;letter-spacing:-.025em;margin-top:16px;overflow-wrap:normal;word-break:normal}
.sx-side h1.md{font-size:96px}.sx-side h1.lg{font-size:78px;line-height:1.02}.sx-side h1.xl{font-size:62px;line-height:1.05}
.sx-side .sx-shape{width:100%;height:180px}
.sx-desc{font-family:'Lora',serif;font-size:24px;line-height:1.5;color:rgba(255,255,255,.8)}
.sx-sstats{display:flex;flex-direction:column;gap:12px}
.sx-sstats>div{border-top:1px solid rgba(214,210,196,.25);padding-top:12px}
.sx-sstats b{display:block;font-size:52px;line-height:1;font-weight:600;letter-spacing:-.02em}
.sx-sstats span{display:block;font-size:18px;line-height:1.35;color:#d6d2c4;margin-top:6px}
.sx-main{flex:1;min-width:0;padding:76px 80px 52px;display:flex;flex-direction:column}
.sx-main .sx-lede{font-size:27px;margin-bottom:34px;padding-left:24px;border-left:6px solid #f6b700;max-width:1060px}
.sx-main h4{font-size:19px}
.sx-main .sx-fn{min-height:112px;padding:16px 18px 16px 24px}
.sx-main .sx-fn b{font-size:26px}.sx-main .sx-fn span{font-size:17px}.sx-main .sx-fn i{font-size:15px}
.sx-main .sx-split{padding:0;margin-top:40px;grid-template-columns:1.4fr 1fr;gap:56px}
.sx-main .sx-split.three{grid-template-columns:1fr 1.1fr 1fr}
.sx-main .sx-split h4{margin-bottom:16px}
.sx-main .sx-col.seats{background:#FAF8F3;border-left:6px solid #f6b700;border-radius:0 14px 14px 0;padding:22px 24px;align-self:start}
.sx-main .sx-bul li{font-size:18px}
.sx-slide-foot{margin-top:auto;display:flex;justify-content:space-between;gap:24px;font-size:15px;color:#8a8475;border-top:1px solid #E6E2D8;padding-top:18px}
.sx-slide-foot span:last-child{font-family:'Lora',serif;font-style:italic}
.sx-slide.sx-p .sx-side h1{font-size:92px}.sx-slide.sx-p .sx-side h1.md{font-size:80px}.sx-slide.sx-p .sx-side h1.lg{font-size:66px}.sx-slide.sx-p .sx-side h1.xl{font-size:54px}
.sx-slide.fit1 .sx-main{padding-top:64px}.sx-slide.fit1 .sx-main .sx-lede{font-size:24px;margin-bottom:26px}.sx-slide.fit1 .sx-main .sx-fn{min-height:96px}
.sx-slide.fit2 .sx-main .sx-lede{font-size:22px}.sx-slide.fit2 .sx-main .sx-split{margin-top:28px}.sx-slide.fit2 .sx-side .sx-shape{height:130px}.sx-slide.fit2 .sx-sstats b{font-size:44px}
.sx-slide.fit3 .sx-main .sx-fn{min-height:80px}.sx-slide.fit3 .sx-us{max-height:200px}.sx-slide.fit3 .sx-role li{font-size:17px}
.sx-slide.fit4 .sx-main{padding:56px 64px 40px}.sx-slide.fit4 .sx-side{padding:56px 56px 44px}.sx-slide.fit4 .sx-sstats span{font-size:15px}

/* ── Executive brief (two letter pages, 816 × 1056 each) ── */
.sx-brief .sx-hd{padding:34px 48px 26px;gap:24px;align-items:center}
.sx-brief .sx-kick{font-size:12px}
.sx-brief .sx-hd h1{font-size:54px;margin-top:8px}.sx-brief .sx-hd h1.md{font-size:46px}.sx-brief .sx-hd h1.lg{font-size:38px}.sx-brief .sx-hd h1.xl{font-size:31px}
.sx-brief .sx-rule{width:56px;height:5px;margin:13px 0 12px}
.sx-brief .sx-shape{width:130px;height:110px}
.sx-brief .sx-badge{font-size:12.5px;padding:6px 12px}
.sx-brief .sx-rolel{margin-bottom:0;gap:8px 12px}
.sx-brief .sx-loc{font-size:14px}
.sx-brief.sx-p .sx-hd h1{font-size:46px}.sx-brief.sx-p .sx-hd h1.md{font-size:40px}.sx-brief.sx-p .sx-hd h1.lg{font-size:34px}.sx-brief.sx-p .sx-hd h1.xl{font-size:28px}
.sx-brief h4{font-size:11.5px;letter-spacing:.16em;margin-bottom:9px}
.sx-brief h5{font-size:10.5px;margin-bottom:7px}
.sx-brief h6{font-size:9.5px}
.sx-brief .sx-sec{padding:18px 48px 0}
.sx-brief .sx-sec-h{margin-bottom:10px}
.sx-brief .sx-story .sx-lede{font-size:14.5px;line-height:1.62;padding-left:16px;border-left:4px solid #f6b700}
.sx-brief .sx-stats{padding:16px 48px 14px;margin-top:18px;border-top:1px solid #E6E2D8}
.sx-brief .sx-stats b{font-size:32px}
.sx-brief .sx-stats span{font-size:11.5px;margin-top:6px}
.sx-brief .sx-stats>div{padding-right:14px}.sx-brief .sx-stats>div+div{padding-left:16px}
.sx-brief .sx-key{font-size:10.5px;gap:11px}
.sx-brief .sx-key i{width:11px;height:11px;border-radius:3px}.sx-brief .sx-key i.dir{border-left-width:3px}.sx-brief .sx-key i.gap{border-width:1.5px}
.sx-brief .sx-flow{gap:10px}
.sx-brief .sx-lane h6{margin-bottom:5px}
.sx-brief .sx-arr{flex-basis:14px}
.sx-brief .sx-arr:before{left:2px;right:5px;height:1.5px}.sx-brief .sx-arr:after{right:1px;margin-top:-4px;border-width:4px;border-left-width:5px}
.sx-brief .sx-fn{min-height:66px;padding:8px 9px 8px 13px;border-radius:8px;gap:2px}
.sx-brief .sx-fn:before{width:4px;top:8px;bottom:8px}
.sx-brief .sx-fn b{font-size:13.5px}
.sx-brief .sx-fn span{font-size:10.5px}
.sx-brief .sx-fn em{font-size:10.5px}
.sx-brief .sx-fn i{font-size:9.5px}
.sx-brief .sx-fn.gap{border-width:1.5px}
.sx-brief .sx-flow.compact .sx-fn{min-height:50px}
.sx-brief .sx-bul li{font-size:12px;padding:3px 0 3px 13px}
.sx-brief .sx-bul li:before{width:5px;height:5px;top:.95em}
.sx-brief .sx-col.seats .sx-bul li:before{width:6px;height:6px;border-width:1.5px}
.sx-brief .sx-two{gap:0 30px}
.sx-brief .sx-foot{padding:12px 48px;font-size:10px;gap:14px}
.sx-brief .sx-lm{width:26px;height:26px;font-size:10.5px}
.sx-brief .sx-mark{gap:7px}.sx-brief .sx-mark b{font-size:12px}.sx-brief .sx-mark i{font-size:8px}
.sx-brief .sx-str{gap:9px}
.sx-brief .sx-strrow{grid-template-columns:22px 1fr 34px;gap:3px 9px}
.sx-brief .sx-strrow .i{width:22px;height:22px;font-size:11px}
.sx-brief .sx-strrow b{font-size:12.5px}.sx-brief .sx-strrow em{font-size:11.5px}
.sx-brief .sx-strrow .bar{height:5px}
.sx-brief h5.sp{margin-top:14px}
.sx-brief .sx-pri{gap:5px}.sx-brief .sx-pri span{font-size:10.5px;padding:4px 8px}
.sx-brief .sx-us{max-height:150px}
.sx-brief .sx-wl{font-size:10px;gap:4px 10px}.sx-brief .sx-wl i{width:9px;height:9px;border-radius:2px}
.sx-brief .sx-states{font-size:10.5px}
.sx-brief .sx-muted{font-size:11.5px}
/* page 2 */
.sx-hd2{background:#232323;color:#fff;padding:16px 48px;display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex:0 0 auto;border-bottom:4px solid #f6b700}
.sx-hd2 b{font-size:19px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-hd2 span{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#d6d2c4;white-space:nowrap}
.sx-tbl{width:100%;border-collapse:collapse;font-size:11px}
.sx-tbl th{text-align:left;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8a8475;font-weight:600;padding:0 6px 5px 0;border-bottom:1.5px solid #232323}
.sx-tbl td{padding:5px 6px 5px 0;border-bottom:1px solid #EEEBE3;vertical-align:top;color:#3d3a33;line-height:1.35}
.sx-tbl td b{color:#232323;font-weight:600}
.sx-tbl .r{text-align:right;white-space:nowrap}
.sx-tbl td.r em{display:block;font-style:normal;font-weight:600;color:#232323}
.sx-hq{display:inline-block;margin-left:5px;background:#f6b700;color:#232323;font-size:8px;font-weight:700;letter-spacing:.1em;padding:1px 5px;border-radius:999px;vertical-align:1px}
.sx-pbars{display:flex;flex-direction:column;gap:7px}
.sx-pbar{display:grid;grid-template-columns:1fr 90px 22px;align-items:center;gap:8px;font-size:11px;color:#3d3a33}
.sx-pbar>div{height:7px;background:#ECE8DE;border-radius:4px;overflow:hidden}
.sx-pbar>div i{display:block;height:100%;background:#232323;border-radius:4px}
.sx-pbar b{text-align:right;font-weight:600}
.sx-ybars{display:flex;align-items:flex-end;gap:10px;height:118px;padding-top:4px}
.sx-ybars.wide{height:120px;margin-bottom:10px}
.sx-ybar{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;min-width:0}
.sx-ybar>div{flex:1;width:100%;max-width:46px;display:flex;align-items:flex-end}
.sx-ybar>div i{display:block;width:100%;background:#232323;border-radius:4px 4px 0 0;border-top:3px solid #f6b700}
.sx-ybar b{font-size:10px;font-weight:600;white-space:nowrap}
.sx-ybar span{font-size:9.5px;color:#8a8475}
.sx-next{background:#FAF8F3;border-left:5px solid #f6b700;border-radius:0 10px 10px 0;padding:13px 16px}
.sx-next ol{counter-reset:n}
.sx-next li{counter-increment:n;position:relative;padding:3px 0 3px 24px;font-size:12px;line-height:1.45;color:#3d3a33}
.sx-next li:before{content:counter(n);position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:#232323;color:#fff;font-size:9.5px;font-weight:600;display:flex;align-items:center;justify-content:center}
.sx-next li b{color:#232323;font-weight:600}
.sx-facts{display:grid;grid-template-columns:1fr 1.3fr;gap:12px 24px}
.sx-facts .wide{grid-column:1/-1}
.sx-facts p,.sx-int p{font-family:'Lora',serif;font-size:12px;line-height:1.55;color:#3d3a33}
.sx-glist li{display:flex;gap:12px;font-size:11.5px;padding:4px 0;border-bottom:1px solid #EEEBE3;color:#3d3a33}
.sx-glist li b{flex:0 0 52px;font-weight:600;color:#232323}
.sx-glist li.more{color:#8a8475;border:0}
.sx-int{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 48px 0;padding:13px 16px!important;background:#FAF8F3;border-radius:10px;border-left:5px solid #232323}
.sx-int h5{margin-bottom:4px}.sx-int p+h5{margin-top:8px}
/* brief fit levels */
.sx-brief.fit1 .sx-sec{padding-top:14px}.sx-brief.fit1 .sx-story .sx-lede{font-size:13.5px}.sx-brief.fit1 .sx-fn{min-height:56px}
.sx-brief.fit2 .sx-hd{padding:26px 48px 20px}.sx-brief.fit2 .sx-shape{height:84px;width:100px}.sx-brief.fit2 .sx-story .sx-lede{font-size:12.8px;line-height:1.55}.sx-brief.fit2 .sx-stats{padding:12px 48px 10px}.sx-brief.fit2 .sx-stats b{font-size:27px}.sx-brief.fit2 .sx-tbl td{padding:3px 6px 3px 0}
.sx-brief.fit3 .sx-sec{padding-top:11px}.sx-brief.fit3 .sx-fn{min-height:46px;padding:6px 8px 6px 12px}.sx-brief.fit3 .sx-us{max-height:120px}.sx-brief.fit3 .sx-ybars{height:90px}.sx-brief.fit3 .sx-bul li{font-size:11px}
.sx-brief.fit4 .sx-story .sx-lede{font-size:12px}.sx-brief.fit4 .sx-tbl{font-size:10px}.sx-brief.fit4 .sx-ybars{height:72px}.sx-brief.fit4 .sx-next li{font-size:11px}

body.studio-on .chat-fab{display:none}

.sx-about{font-family:'Lora',serif;font-size:12px;line-height:1.6;color:#3d3a33}
.sx-brief .sx-roles{gap:14px}
.sx-brief .sx-role h5{border-top-width:2px;padding-top:7px;margin-bottom:5px;font-size:9px;gap:6px}
.sx-brief .sx-role h5 b{font-size:19px}
.sx-brief .sx-role li{font-size:11.5px;padding:3px 0}
.sx-brief .sx-role li i{font-size:7.5px;padding:2px 5px}
.sx-brief .sx-role p{font-size:11.5px}
.sx h1{max-width:100%}

/* ── Story link (public swipeable story) ── */
.sl-btn{background:#232323;color:#fff;border:0;display:inline-flex;align-items:center;gap:10px;font-weight:600}
.sl-btn small{font-weight:400;color:#d6d2c4;font-size:12.5px}
.sl-btn:hover{background:#000}
.sl-dot{width:9px;height:9px;border-radius:50%;background:#f6b700;flex:0 0 9px}
.sl-ov{position:fixed;inset:0;z-index:60;background:rgba(20,20,20,.48);display:flex;align-items:center;justify-content:center;padding:20px;animation:slFade .2s ease}
@keyframes slFade{from{opacity:0}to{opacity:1}}
@keyframes slUp{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
.sl{width:100%;max-width:460px;max-height:calc(100dvh - 40px);overflow:auto;background:#fff;border-radius:22px;padding:22px 22px 20px;box-shadow:0 30px 80px rgba(0,0,0,.3);animation:slUp .25s cubic-bezier(.2,.8,.2,1);color:#232323}
.sl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.sl-head b{display:block;font-size:21px;font-weight:700;line-height:1.2}
.sl-kick{display:block;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8a8475;margin-bottom:4px}
.sl-intro p{font-family:'Lora',serif;font-size:16.5px;line-height:1.5;color:#3a3732}
.sl-intro ul{list-style:none;margin:14px 0 18px;padding:0;display:flex;flex-direction:column;gap:8px}
.sl-intro li{font-size:14px;line-height:1.4;color:#5f5a4f;padding-left:18px;position:relative}
.sl-intro li:before{content:"";position:absolute;left:2px;top:7px;width:7px;height:7px;border-radius:2px;background:#f6b700}
.sl-phone{display:flex;gap:8px;justify-content:center;margin:2px 0 16px}
.sl-phone i{width:58px;height:96px;border-radius:12px;background:#F3F1EB;border:1px solid #E7E3D9;position:relative}
.sl-phone i:nth-child(2){background:#232323;transform:translateY(-6px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.sl-phone i:after{content:"";position:absolute;left:10px;right:10px;top:40px;height:4px;border-radius:2px;background:#f6b700}
.sl-phone i:nth-child(2):before{content:"";position:absolute;left:10px;width:26px;top:18px;height:14px;border-radius:3px;background:#fff}
.sl-make{width:100%;min-height:50px;font-size:16px;border-radius:13px}
.sl-err{color:#9b2c1f;font-size:14px;margin-top:10px}
.sl-ok{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px}
.sl-ok span{width:26px;height:26px;border-radius:50%;background:#f6b700;color:#232323;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.sl-url{margin:12px 0 14px;background:#F6F4EF;border:1px solid #E7E3D9;border-radius:12px;padding:12px 14px;font-size:14px;color:#3a3732;word-break:break-all;font-family:ui-monospace,Menlo,monospace}
.sl-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sl-btns .btn{min-height:48px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:15px;border-radius:12px}
.sl-btns .btn:first-child{grid-column:1/-1}
.sl-list{margin-top:18px;border-top:1px solid #ECE9E1;padding-top:14px}
.sl-list h5{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8a8475;margin:0 0 6px}
.sl-row{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #F1EEE6}
.sl-row:last-child{border-bottom:0}
.sl-row>div{flex:1;min-width:0}
.sl-row b{display:block;font-size:14.5px;font-weight:600}
.sl-row small{display:block;font-size:13px;color:#7a7466;margin-top:1px}
.sl-row .link,.sl-offnew{background:none;border:0;font:inherit;font-size:14px;color:#232323;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px 0}
.sl-row .sl-off,.sl-offnew{color:#9b2c1f}
.sl-offnew{display:block;margin:14px auto 0}
[data-view="phone"] .sl-ov{align-items:flex-end;padding:0}
[data-view="phone"] .sl{max-width:none;border-radius:22px 22px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom));max-height:92dvh}
[data-view="phone"] .studio-act .sl-btn{justify-content:center;flex-wrap:wrap;row-gap:0}