/* WORLD chassis: tokens, platform bar, controls, dialogs. Creator identity arrives as --c-* custom properties (set from data). */
:root {
  --f-display: 'Instrument Serif', 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --f-ui: 'Geist', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --f-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;
  --lime: #d6ff62; /* WORLD's own signal colour: live, ready, yours to act on. Never used inside a creator's identity. */
  --c-paper: #efe8dc; --c-paper2: #e4dac9; --c-ink: #12171a; --c-sea: #0b1923; --c-sun: #e3a65a; --c-clay: #b98462;
  --bar-h: 44px;
  --gut: clamp(20px, 4.4vw, 72px);
  --ease: cubic-bezier(.2, .7, .1, 1);
  --bg: var(--c-paper); --fg: var(--c-ink); --muted: rgba(18, 23, 26, .6); --line: rgba(18, 23, 26, .16);
  --accent: var(--c-sun); --focus: #8a5328; --panel: var(--c-paper2); --sea-lt: #5f8aa3;
}
body[data-view='world'] { --bg: var(--c-paper); --fg: var(--c-ink); --muted: rgba(18, 23, 26, .62); --line: rgba(18, 23, 26, .16); --accent: var(--c-sun); --focus: #8a5328; --panel: var(--c-paper2); }
body[data-view='studio'] { --bg: #0d1216; --fg: #eeeae0; --muted: rgba(238, 234, 224, .6); --line: rgba(238, 234, 224, .14); --accent: var(--lime); --focus: var(--lime); --panel: #141b21; --sun: var(--c-sun); --clay: var(--c-clay); }
body[data-view='brands'] { --bg: #f3f2ee; --fg: #101315; --muted: rgba(16, 19, 21, .62); --line: rgba(16, 19, 21, .16); --accent: var(--lime); --focus: #101315; --panel: #fff; }

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 400 16px/1.55 var(--f-ui); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; transition: background-color .6s var(--ease), color .6s var(--ease); }
body.modal-open { overflow: hidden; }
img { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; color: inherit; }
button { background: none; border: 0; padding: 0; cursor: pointer; text-align: inherit; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
button:disabled { opacity: .45; cursor: default; }
a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
h1, h2, h3, p, ol, ul, figure, dl, dd { margin: 0; }
ol, ul { padding: 0; list-style: none; }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
::selection { background: var(--lime); color: #111; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: fixed; left: 12px; top: -60px; z-index: 100; background: var(--lime); color: #111; padding: 10px 16px; font-weight: 600; transition: top .2s; }
.skip:focus { top: 12px; }

.display { font-family: var(--f-display); font-weight: 400; letter-spacing: -.02em; line-height: .95; }
.display em, .lead em, .pulse-note em { font-style: italic; }
.label { font: 500 11px/1.5 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; }
.label.light { color: rgba(246, 241, 231, .9); }
.muted { color: var(--muted); font-size: 14px; }
.lead { font-size: clamp(17px, 1.5vw, 21px); color: var(--muted); max-width: 46ch; line-height: 1.55; }

.live { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--lime); margin-right: 8px; vertical-align: middle; animation: ping 2.6s infinite; }
@keyframes ping { 0% { box-shadow: 0 0 0 0 rgba(214, 255, 98, .55); } 70%, 100% { box-shadow: 0 0 0 9px rgba(214, 255, 98, 0); } }

/* ---------- Platform bar: the WORLD chassis, identical on all three experiences ---------- */
.platform { position: sticky; top: 0; z-index: 50; height: var(--bar-h); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 var(--gut); background: rgba(9, 18, 25, .86); backdrop-filter: blur(16px) saturate(1.2); color: #f3efe6; border-bottom: 1px solid rgba(255, 255, 255, .08); transition: transform .45s var(--ease); }
body.bar-hidden .platform { transform: translateY(-100%); }
.wm { font: 600 22px/1 var(--f-ui); letter-spacing: -.07em; }
.wm sup { font-size: 9px; letter-spacing: 0; margin-left: 2px; vertical-align: top; position: relative; top: -1px; }
.platform nav { display: flex; gap: 2px; }
.platform nav a { position: relative; display: flex; flex-direction: column; align-items: center; padding: 5px 18px 6px; font-size: 13px; line-height: 1.15; color: rgba(243, 239, 230, .72); transition: color .25s; }
.platform nav a .pre { font-weight: 400; }
.platform nav a small { font: 400 9px/1.4 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; opacity: .6; }
.platform nav a:hover, .platform nav a.active { color: #fff; }
.platform nav a.active::after { content: ''; position: absolute; left: 18px; right: 18px; bottom: 0; height: 2px; background: var(--lime); }
.proto { justify-self: end; display: inline-flex; align-items: center; font: 400 11px var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: rgba(243, 239, 230, .75); }
.proto:hover { color: #fff; }

/* ---------- Controls ---------- */
.btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 52px; padding: 0 26px; font: 500 14px/1 var(--f-ui); letter-spacing: .01em; border: 1px solid transparent; transition: background-color .3s, color .3s, border-color .3s, transform .3s var(--ease); }
.btn .arr, .link .arr { width: 11px; height: 11px; flex: none; transition: transform .35s var(--ease); }
.btn:hover .arr, .link:hover .arr { transform: translate(3px, -3px); }
.btn.solid { background: var(--fg); color: var(--bg); }
.btn.solid:hover { background: color-mix(in srgb, var(--fg) 82%, var(--accent)); }
.btn.line { border-color: currentColor; }
.btn.line:hover { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.btn.sun { background: var(--accent); color: #15120b; }
.btn.sun:hover:not(:disabled) { filter: brightness(1.07); transform: translateY(-1px); }
.btn.sm { min-height: 40px; padding: 0 18px; font-size: 13px; }
.btn.wide { width: 100%; }
.link { position: relative; display: inline-flex; align-items: center; gap: 8px; font: 500 14px/1.2 var(--f-ui); padding: 6px 0; }
.link::after { content: ''; position: absolute; left: 0; right: 0; bottom: 2px; height: 1px; background: currentColor; transform-origin: left; transition: transform .45s var(--ease); }
.link:hover::after { transform: scaleX(.35); }
.link.light { color: #f6f1e7; }

label { display: block; margin: 22px 0 8px; font: 500 11px/1.4 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
input, select, textarea { display: block; width: 100%; padding: 14px 16px; background: transparent; border: 1px solid var(--line); border-radius: 0; font-size: 16px; transition: border-color .25s; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--fg); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fg) 10%, transparent); }
select option { color: #111; }
textarea { resize: vertical; line-height: 1.5; }
.sizes { display: flex; gap: 6px; flex-wrap: wrap; }
.sizes button { min-width: 44px; height: 44px; border: 1px solid var(--line); font: 500 12px var(--f-mono); text-align: center; transition: background-color .25s, color .25s, border-color .25s; }
.sizes button:hover { border-color: var(--fg); }
.sizes button.on { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.switch { flex: none; position: relative; width: 46px; height: 28px; border-radius: 99px; background: color-mix(in srgb, var(--fg) 22%, transparent); transition: background-color .3s; }
.switch i { position: absolute; left: 3px; top: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); transition: transform .35s var(--ease); }
.switch[aria-checked='true'] { background: var(--accent); }
.switch[aria-checked='true'] i { transform: translateX(18px); }

.save { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; transition: background-color .3s, color .3s, border-color .3s, transform .3s var(--ease); }
.save svg { width: 20px; height: 20px; }
.save:hover { border-color: var(--fg); }
.save.is-saved { background: var(--c-clay); border-color: var(--c-clay); color: #fff; }
.save:active { transform: scale(.92); }

/* ---------- Toast ---------- */
#toast { position: fixed; left: 50%; bottom: 28px; z-index: 90; transform: translate(-50%, 20px); max-width: calc(100% - 32px); padding: 14px 22px; background: #0b1923; color: #f3efe6; font-size: 14px; text-align: center; opacity: 0; pointer-events: none; transition: opacity .3s, transform .4s var(--ease); border: 1px solid rgba(255, 255, 255, .12); }
#toast.show { opacity: 1; transform: translate(-50%, 0); }

/* ---------- Dialogs: a side sheet on desktop, a bottom sheet on phones ---------- */
dialog { margin: 0 0 0 auto; padding: 0; border: 0; width: min(560px, 100%); max-width: none; height: 100dvh; max-height: 100dvh; background: var(--bg); color: var(--fg); overflow: auto; overscroll-behavior: contain; box-shadow: -30px 0 90px rgba(0, 0, 0, .3); }
dialog[open] { animation: sheet-in .55s var(--ease) both; }
dialog::backdrop { background: rgba(7, 13, 18, .58); backdrop-filter: blur(6px); animation: fade .4s both; }
dialog.wide { margin: auto; width: min(1120px, calc(100% - 32px)); height: auto; max-height: min(92dvh, 900px); box-shadow: 0 40px 120px rgba(0, 0, 0, .35); animation-name: pop-in; }
dialog.reader-modal { margin: auto; width: min(860px, 100%); height: min(96dvh, 1100px); animation-name: pop-in; }
@keyframes sheet-in { from { transform: translateX(48px); opacity: 0; } }
@keyframes pop-in { from { transform: translateY(24px) scale(.985); opacity: 0; } }
@keyframes fade { from { opacity: 0; } }
.modal-close { position: sticky; top: 14px; float: right; margin: 14px 14px -50px 0; z-index: 5; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: var(--bg); border: 1px solid var(--line); transition: background-color .3s, color .3s; }
.modal-close:hover { background: var(--fg); color: var(--bg); }
.modal-close svg { width: 14px; height: 14px; }
.modal-body { padding: clamp(32px, 5vw, 56px) clamp(24px, 4vw, 48px) 48px; }
.modal-body h2 { font-size: clamp(44px, 6vw, 68px); margin: 14px 0 20px; }
.modal-body h3 { font: 400 28px/1.1 var(--f-display); margin: 30px 0 10px; }
.modal-body > p, .modal-body p { color: var(--muted); }
.modal-body .btn { margin-top: 16px; }
.detail-photo { aspect-ratio: 4 / 3; overflow: hidden; background: var(--panel); }
.detail-photo img { width: 100%; height: 100%; object-fit: cover; }
.detail-photo.arch-top { aspect-ratio: 5 / 4; margin: 28px 28px 0; border-radius: 999px 999px 0 0; }
.detail-photo.creator-photo { aspect-ratio: 16 / 9; }
.pairs { margin-top: 34px; }
.pair, .saved-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; padding: 20px 0; border-bottom: 1px solid var(--line); transition: padding .4s var(--ease); }
.pair:first-of-type, .saved-row:first-of-type { border-top: 1px solid var(--line); }
.pair:hover, .saved-row:hover { padding-left: 10px; }
.saved-row span { font: 400 26px/1.1 var(--f-display); color: var(--fg); }
.saved-row small { margin-left: auto; font: 500 10px var(--f-mono); letter-spacing: .12em; color: var(--muted); }
.saved-row .arr, .saved-row b { flex: none; width: 12px; }
.bag-row { display: flex; gap: 24px; align-items: center; padding: 22px 0; border-bottom: 1px solid var(--line); }
.bag-row > div { flex: 1; } .bag-row small { display: block; color: var(--muted); }
.bag-row button { font-size: 26px; line-height: 1; padding: 6px 10px; }
.bag-total { display: flex; justify-content: space-between; align-items: baseline; padding: 22px 0 6px; }
.bag-total strong { font: 400 44px var(--f-display); }
.answer { margin-top: 28px; padding: 26px; background: var(--panel); }
.answer p { margin: 10px 0 14px; color: var(--fg); font-size: 18px; line-height: 1.55; }
.answer small { display: block; margin-top: 10px; color: var(--muted); }
.three { display: grid; gap: 0; margin: 28px 0; }
.three a { display: block; padding: 20px 0; border-top: 1px solid var(--line); transition: padding .4s var(--ease); }
.three a:last-child { border-bottom: 1px solid var(--line); }
.three a:hover { padding-left: 12px; }
.three b { display: block; font: 400 30px/1.1 var(--f-display); }
.three span { color: var(--muted); font-size: 14px; }
.profile-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; border-block: 1px solid var(--line); padding: 24px 0; margin: 22px 0; }
.profile-metrics strong { display: block; font: 400 52px/1 var(--f-display); }
.profile-metrics small { color: var(--muted); font-size: 13px; }
.venn-row { display: flex; align-items: center; gap: 20px; margin: 22px 0; }
.venn-row p { color: var(--fg); }
.score-rows > div { display: flex; align-items: center; gap: 18px; margin: 14px 0; font-size: 14px; }
.score-rows span { width: 130px; flex: none; }
.bar { flex: 1; height: 6px; background: var(--line); }
.bar i { display: block; height: 100%; background: var(--fg); }
.dialog-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 18px; }
.dialog-actions .btn { margin: 0; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.reader { display: block; }
.reader-photo { width: 100%; aspect-ratio: 16 / 8; overflow: hidden; } .reader-photo img { width: 100%; height: 100%; object-fit: cover; }
.reader-body { padding: clamp(28px, 5vw, 64px); max-width: 680px; margin: auto; }
.reader-body h2 { font-size: clamp(46px, 7vw, 84px); margin: 14px 0 28px; }
.reader-body p.label, .answer p.label { font-size: 11px; line-height: 1.5; margin: 0 0 8px; color: var(--muted); }
.reader-body p { font-size: 20px; line-height: 1.65; color: var(--fg); margin-bottom: 20px; }
.reader-body p.lede::first-letter { font: 400 5.2em/.8 var(--f-display); float: left; padding: .06em .1em 0 0; }
.reader-body .signature, .signature { display: block; font: italic 400 44px/1 var(--f-display); margin: 18px 0 28px; }
.compare h2 { margin-bottom: 26px; }
.cmp { overflow-x: auto; }
.cmp-row { display: grid; grid-template-columns: 140px repeat(var(--cols), minmax(150px, 1fr)); gap: 20px; padding: 14px 0; border-top: 1px solid var(--line); align-items: start; font-size: 14px; min-width: 560px; }
.cmp-row > span { font: 500 10px/1.6 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); padding-top: 3px; }
.cmp-head img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; margin-bottom: 10px; }
.cmp-head b { display: block; font: 400 28px/1.1 var(--f-display); } .cmp-head small { color: var(--muted); }
.cmp .best { font-weight: 600; } .cmp .best::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--lime); border: 1px solid var(--fg); }
.cmp .why { color: var(--muted); } .cmp .why div { font-size: 13px; line-height: 1.5; }

/* ---------- Footers ---------- */
.platform-foot { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: 36px var(--gut); border-top: 1px solid var(--line); }
.platform-foot p { font: italic 400 24px var(--f-display); }
.platform-foot span { font: 400 10px var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.platform-foot .wm { font-size: 24px; }

#peek { position: fixed; left: 0; top: 0; width: 230px; height: 300px; z-index: 70; border-radius: 999px 999px 0 0; background: #222 center / cover; opacity: 0; pointer-events: none; transition: opacity .3s; box-shadow: 0 24px 60px rgba(0, 0, 0, .35); transform: translate3d(-400px, 0, 0); }
#peek.on { opacity: 1; }

::view-transition-old(root), ::view-transition-new(root) { animation-duration: .5s; animation-timing-function: var(--ease); }

@media (max-width: 760px) {
  :root { --bar-h: 44px; }
  .platform { grid-template-columns: auto 1fr auto; gap: 8px; }
  .platform nav { justify-self: center; }
  .platform nav a { padding: 5px 9px 7px; font-size: 12px; }
  .platform nav a small, .platform nav a .pre { display: none; }
  .platform nav a.active::after { left: 9px; right: 9px; }
  .wm { font-size: 19px; }
  .proto span { display: none; }
  .proto { padding: 8px; }
  dialog { width: 100%; height: auto; max-height: 92dvh; margin: auto 0 0; border-radius: 20px 20px 0 0; box-shadow: 0 -20px 80px rgba(0, 0, 0, .35); }
  dialog[open] { animation-name: sheet-up; }
  dialog.wide, dialog.reader-modal { width: 100%; height: auto; max-height: 94dvh; margin: auto 0 0; }
  @keyframes sheet-up { from { transform: translateY(60px); opacity: 0; } }
  .modal-body { padding: 48px 22px 34px; }
  .modal-body h2 { font-size: 46px; }
  .form-grid { grid-template-columns: 1fr; gap: 0; }
  .dialog-actions .btn { width: 100%; }
  .profile-metrics strong { font-size: 40px; }
  .detail-photo.arch-top { margin: 22px 22px 0; }
  .score-rows span { width: 100px; }
  .cmp-row { grid-template-columns: 78px repeat(var(--cols), minmax(0, 1fr)); gap: 10px; min-width: 0; }
  .cmp-head b { font-size: 20px; }
  .reader-body p { font-size: 18px; }
  #toast { bottom: 88px; font-size: 13px; }
  .platform-foot { padding: 28px var(--gut) 96px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
.by-socials{display:block;font:400 8px/1.2 var(--f-ui);letter-spacing:.09em;margin-top:3px}.platform .wm{font-size:21px}.economy{--bg:#f0eee6;--fg:#14211e;--muted:#5f6861;--line:#c8cec2;background:var(--bg);color:var(--fg)}.eco-main{max-width:1600px;margin:auto;padding:70px var(--gut)}.eco-cover{padding:30px 0 90px;max-width:1100px}.eco-cover h1{font-size:clamp(68px,9vw,145px);margin:28px 0}.eco-cover .link{margin-top:26px}.eco-parties{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.eco-parties article{padding:38px 32px 40px 0}.eco-parties article+article{border-left:1px solid var(--line);padding-left:32px}.eco-parties h2{font-size:clamp(40px,4vw,64px);margin:25px 0}.eco-parties small{display:block;margin-top:22px;color:var(--muted)}.eco-flow,.eco-calculator,.eco-launch{padding:85px 0}.eco-flow h2,.eco-calculator h2,.eco-launch h2{font-size:clamp(50px,6vw,90px);margin:22px 0 36px}.eco-table>div{display:grid;grid-template-columns:1fr 2fr 1fr;gap:28px;padding:26px 0;border-top:1px solid var(--line)}.eco-table strong{font:500 13px var(--f-mono);text-align:right}.eco-flow>.muted{margin-top:24px}.eco-calculator{background:#14211e;color:#f0eee6;--muted:#b9c4b9;--line:#47564b;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:55px;--focus:var(--lime)}.eco-calculator input{accent-color:var(--lime);padding:0;border:0}.eco-ledger{align-self:center}.eco-ledger>div{padding:25px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.eco-ledger strong{font-size:clamp(26px,3vw,44px);letter-spacing:-.04em}.eco-ledger .eco-total{color:var(--lime)}.eco-ledger p{font-size:13px;color:var(--muted);margin-top:24px}.eco-example{border-left:3px solid #14211e;padding:8px 0 8px 25px;max-width:800px;margin:35px 0}.eco-example p{margin-top:10px}.eco-launch>.muted{margin-top:24px}@media(max-width:760px){.platform nav a{padding-left:6px;padding-right:6px;font-size:11px}.platform .wm{font-size:18px}.eco-main{padding-top:35px}.eco-cover{padding-bottom:45px}.eco-parties{grid-template-columns:1fr}.eco-parties article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.eco-table>div{grid-template-columns:1fr;gap:12px}.eco-table strong{text-align:left}.eco-flow,.eco-launch{padding:55px 0}.eco-calculator{grid-template-columns:1fr;padding:28px 22px;gap:25px;margin:0 -5px}.eco-ledger>div{gap:10px}.eco-ledger span{font-size:13px}}
@media(min-width:761px) and (max-width:1000px){.eco-calculator{grid-template-columns:1fr;padding:40px;gap:30px}.eco-parties{grid-template-columns:1fr}.eco-parties article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.platform nav a{padding-left:10px;padding-right:10px}}.eco-table>div>*{min-width:0}.eco-parties article{min-width:0}.eco-calculator>*{min-width:0}
.identity-logo{display:inline-flex;flex-direction:column;align-items:center;width:92px;vertical-align:middle;color:inherit}.identity-logo .word-drawing{width:100%;height:auto;display:block}.identity-logo .by-socials{font:500 6px/1.2 var(--f-ui);letter-spacing:.22em;margin-top:3px}.edition-word{font:400 28px/.9 var(--f-display);letter-spacing:-.055em}.wm:has(.identity-logo){letter-spacing:normal}.identity-footer-link{display:block;font-size:11px;margin-top:8px;text-decoration:underline}.identity-page{background:#f1eee5;color:#17211e;--bg:#f1eee5;--fg:#17211e;--muted:#606a63;--line:#ccd0c6}.identity-main{max-width:1600px;margin:auto;padding:80px var(--gut)}.identity-intro{max-width:1050px;margin-bottom:85px}.identity-intro h1{font-size:clamp(64px,8vw,125px);margin:28px 0}.identity-studies{display:grid;gap:85px}.identity-study{display:grid;grid-template-columns:1fr 2fr;gap:35px 60px;padding-top:32px;border-top:1px solid var(--line)}.identity-caption h2{font-size:clamp(38px,4vw,62px);margin:25px 0}.identity-caption p:not(.label){max-width:35ch;color:var(--muted)}.identity-caption small{display:block;margin-top:25px;font:11px/1.5 var(--f-mono)}.identity-board{min-height:380px;padding:65px 45px 30px;display:flex;flex-direction:column;justify-content:space-between;gap:60px}.board-atelier{background:#17211e;color:#f1eee5}.board-portal{background:#d6ff62;color:#14211e}.board-edition{background:#ddd3c1;color:#312b28}.identity-large{display:flex;justify-content:center}.identity-large .identity-logo{width:85%;max-width:530px}.identity-large .by-socials{font-size:11px;letter-spacing:.35em;margin-top:18px}.identity-large .edition-word{font-size:clamp(75px,11vw,150px)}.identity-specimens{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid currentColor;padding-top:25px}.identity-tile{height:64px;width:64px;border:1px solid currentColor;padding:9px}.identity-tile svg{height:100%;width:100%}.identity-mini .identity-logo{width:100px}.identity-select{grid-column:2;justify-self:start}.identity-select[aria-pressed=true]{background:#17211e;color:#f1eee5}.identity-context{margin-top:100px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.identity-context h2{font-size:clamp(40px,4vw,65px);margin:25px 0}.identity-context p:not(.label){max-width:42ch;color:var(--muted);margin-bottom:30px}.identity-cover{height:530px;position:relative;background:#a89077;overflow:hidden;color:#fff}.identity-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.identity-cover-bar{position:absolute;top:0;left:0;right:0;background:#17211e;display:flex;align-items:center;justify-content:space-between;padding:14px 22px}.identity-cover-bar>span{font:9px var(--f-mono);letter-spacing:.1em}.identity-cover-title{position:absolute;left:30px;bottom:35px;font-size:75px}.platform .identity-logo{width:80px}.platform .identity-logo .edition-word{font-size:27px}@media(max-width:760px){.platform .identity-logo{width:62px}.platform .identity-logo .by-socials{font-size:5px}.identity-main{padding-top:40px}.identity-intro{margin-bottom:50px}.identity-study{grid-template-columns:1fr;gap:25px}.identity-board{min-height:265px;padding:50px 22px 25px;gap:40px}.identity-select{grid-column:1;width:100%;font-size:12px;padding:0 12px}.identity-large .by-socials{font-size:8px}.identity-specimens .label{font-size:8px}.identity-context{grid-template-columns:1fr;gap:30px;margin-top:65px}.identity-cover{height:450px}.identity-cover-title{font-size:65px}.identity-studies{gap:55px}}
/* Optical sizes: full contrast and heavier strokes for small brand applications. */
:root{--bar-h:60px}
.platform{background:rgba(9,18,25,.96)}
.platform .identity-logo{width:112px;color:#fff}
.platform .identity-logo .word-drawing path{stroke-width:4.8}
.platform .identity-logo .by-socials{font:600 8px/1.2 var(--f-ui);letter-spacing:.18em;margin-top:5px;color:#fff}
.platform .identity-logo .edition-word{font-size:36px}
.platform-foot .identity-logo,.world-foot .identity-logo{width:170px;color:var(--fg);text-transform:none;letter-spacing:normal}
.platform-foot .identity-logo .word-drawing path,.world-foot .identity-logo .word-drawing path{stroke-width:4}
.platform-foot .identity-logo .by-socials,.world-foot .identity-logo .by-socials{font:600 10px/1.3 var(--f-ui);letter-spacing:.2em;color:var(--fg);margin-top:8px}
.platform-foot .identity-logo .edition-word,.world-foot .identity-logo .edition-word{font:400 54px/.95 var(--f-display);letter-spacing:-.055em;color:var(--fg);text-transform:none}
@media(max-width:760px){:root{--bar-h:56px}.platform{gap:5px;padding-left:16px;padding-right:16px}.platform .identity-logo{width:83px}.platform .identity-logo .by-socials{font-size:7px;letter-spacing:.14em;margin-top:4px}.platform .identity-logo .edition-word{font-size:30px}.platform nav a{padding-left:5px;padding-right:5px}.platform-foot .identity-logo,.world-foot .identity-logo{width:150px}}
.creator-app{background:#efe8dc;color:#17211e;--bg:#efe8dc;--fg:#17211e;--line:#c4c8ba;--muted:#626c61}.creator-main{max-width:1600px;padding:70px var(--gut);margin:auto;min-height:80vh}.creator-main h1{font-size:clamp(60px,6vw,100px);margin:25px 0 35px}.creator-auth{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.creator-auth .link{margin-top:30px}.creator-auth form{padding:35px;background:#f7f3e9}.creator-auth .btn{margin-top:24px;margin-right:10px}.creator-auth .muted{margin-top:15px}.creator-editor-head{display:flex;justify-content:space-between;align-items:center}.creator-workspace{display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.creator-workspace aside{align-self:start;position:sticky;top:85px}.creator-workspace small{font-size:12px;color:var(--muted);display:block;margin-top:8px}.creator-colors{display:flex;gap:20px}.creator-colors input{height:48px;width:100px;padding:3px}.creator-form-heading{margin-top:42px;padding-top:20px;border-top:1px solid var(--line)}.creator-workspace fieldset{border:1px solid var(--line);padding:20px;margin:25px 0}.creator-workspace legend{font:11px var(--f-mono);letter-spacing:.1em}.creator-check{display:flex;align-items:center;gap:12px;letter-spacing:0;text-transform:none;font:14px var(--f-ui)}.creator-check input{width:18px;height:18px}.creator-editor-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.creator-preview-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.creator-preview-label .link{font-size:12px}.personal-world{background:var(--personal-paper);color:var(--personal-ink)}.personal-cover{min-height:420px;position:relative;background:#17211e;color:#fff;overflow:hidden}.personal-cover>img{position:absolute;width:100%;height:100%;object-fit:cover}.personal-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.55))}.personal-cover-copy{position:relative;z-index:1;padding:100px 35px 40px}.personal-cover-copy h1{font-size:clamp(55px,5vw,100px);overflow-wrap:anywhere}.personal-empty{position:absolute;inset:0;display:grid;place-items:center;color:#697e6a;font:11px var(--f-mono);letter-spacing:.3em}.personal-bio,.personal-chapter{padding:40px 35px}.personal-bio h2,.personal-chapter h2{font-size:50px;margin:15px 0 25px;overflow-wrap:anywhere}.personal-bio p,.personal-chapter p:not(.label){white-space:pre-wrap;overflow-wrap:anywhere}.personal-bio nav{display:flex;flex-wrap:wrap;gap:22px;margin-top:25px;font-size:13px}.personal-chapter{border-top:1px solid currentColor}.creator-main>#creator-status{position:sticky;bottom:20px;padding:15px 20px;background:#17211e;color:#fff;margin-top:25px;z-index:4}.creator-main>#creator-status:empty{display:none}.creator-main>#creator-status.error{background:#7a3028}body[data-view=c] .creator-main{padding-top:0}.proto .live{margin-left:8px;margin-right:0}@media(max-width:760px){.creator-main{padding-top:35px}.creator-auth,.creator-workspace{grid-template-columns:1fr;gap:35px}.creator-auth form{padding:25px 20px}.creator-auth .btn{width:100%;margin-right:0}.creator-editor-head{align-items:start}.creator-editor-head .link{font-size:12px}.creator-workspace aside{position:static}.creator-preview-label{flex-wrap:wrap}.personal-cover{min-height:350px}.personal-cover-copy{padding:80px 22px 30px}.personal-bio,.personal-chapter{padding:30px 22px}.creator-editor-actions .btn{width:100%}.platform .proto span{display:none}.platform .proto:after{content:'↗';font-size:18px}.platform .proto .live{display:none}}
/* Creator editorial edition */
.creator-cover-tools{padding:20px;border:1px solid var(--line);margin-top:25px}.creator-cover-tools input[type=range]{padding:0;height:28px;accent-color:#17211e}.creator-workspace select{width:100%;padding:12px;background:#f7f3e9;border:1px solid var(--line);color:inherit}.personal-cover{min-height:560px;display:flex;align-items:flex-end}.personal-cover:after{background:linear-gradient(180deg,transparent 15%,rgba(0,0,0,var(--cover-shade)) 100%)}.personal-cover-copy{width:100%;padding:140px 6% 90px}.personal-cover-copy h1{max-width:900px;line-height:.96;margin:25px 0}.cover-title-right .personal-cover-copy{text-align:right}.cover-title-right h1{margin-left:auto}.personal-cover-rule{display:block;width:65px;height:2px;background:#d9ff70;margin-top:30px}.cover-title-right .personal-cover-rule{margin-left:auto}.personal-cover-edition{position:absolute;bottom:25px;left:6%;z-index:1;font-size:9px}.personal-bio{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:65px 6%}.personal-bio>div>p:not(.label){font-size:18px;line-height:1.75}.personal-bio nav a{border-bottom:1px solid currentColor;padding-bottom:6px}.personal-index{display:flex;flex-wrap:wrap;gap:25px;padding:25px 6%;border-block:1px solid color-mix(in srgb,var(--personal-ink) 25%,transparent)}.personal-index button{display:flex;gap:16px;align-items:center;background:none;border:0;color:inherit;text-align:left;font-size:14px;cursor:pointer}.personal-index span{font:10px var(--f-mono);opacity:.6}.personal-chapter{padding:70px 6%;border:0;scroll-margin-top:90px}.personal-chapter.with-image{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.personal-chapter figure{margin:0;min-width:0}.personal-chapter figure img{width:100%;aspect-ratio:4/5;object-fit:cover}.personal-chapter figcaption{margin-top:14px;font-size:9px}.personal-chapter.reverse figure{order:2}.personal-chapter-copy>p:not(.label){line-height:1.8}.personal-chapter .link{display:inline-block;margin-top:25px}.creator-workspace .personal-cover{min-height:420px}.creator-workspace .personal-cover-copy h1{font-size:clamp(40px,4vw,65px)}.creator-workspace .personal-bio{gap:20px;padding-block:35px}.creator-workspace .personal-bio h2,.creator-workspace .personal-chapter h2{font-size:38px}.creator-workspace .personal-bio>div>p:not(.label){font-size:14px}.creator-workspace .personal-chapter{padding-block:35px}
@media(max-width:760px){.personal-cover{min-height:70svh}.personal-cover-copy{padding:100px 24px 85px}.personal-cover-copy h1{font-size:clamp(48px,12vw,75px)}.personal-cover-edition{left:24px;right:24px;line-height:1.8}.personal-bio{grid-template-columns:1fr;gap:15px;padding:40px 24px}.personal-index{padding:24px;gap:20px}.personal-chapter,.personal-chapter.with-image{display:block;padding:40px 24px}.personal-chapter figure{margin-bottom:30px}.personal-chapter.reverse figure{order:initial}.creator-workspace .personal-cover{min-height:400px}.creator-workspace .personal-bio{grid-template-columns:1fr}.creator-workspace .personal-cover-copy h1{font-size:48px}}
.creator-preview-switch{display:flex;gap:8px;margin:16px 0}.creator-preview-switch button{border:1px solid var(--line);padding:10px 18px;background:transparent;color:inherit;cursor:pointer}.creator-preview-switch button[aria-pressed=true]{background:#17211e;color:#efe8dc}.creator-publication-state{font-size:12px;line-height:1.7;margin:12px 0 20px;color:#626c61}.creator-media-state{font-size:13px;padding:12px;border-left:2px solid #748446;background:#e3e9d8}.creator-workspace details{margin-top:20px}.creator-workspace summary{cursor:pointer;font-size:13px;text-decoration:underline}.creator-workspace #creator-preview{container-type:inline-size}.creator-workspace #creator-preview.preview-phone{max-width:390px;margin:auto;border:7px solid #17211e;border-radius:28px;overflow:hidden;box-shadow:0 20px 50px #17211e20}.creator-workspace aside{max-height:calc(100svh - 100px);overflow:auto;scrollbar-width:thin}.creator-workspace #creator-preview.preview-phone .personal-cover{min-height:520px}
@container(max-width:450px){.creator-workspace .personal-bio,.creator-workspace .personal-chapter.with-image{display:block}.creator-workspace .personal-cover-copy{padding:100px 22px 80px}.creator-workspace .personal-cover-copy h1{font-size:46px}.creator-workspace .personal-bio>div+div{margin-top:25px}.creator-workspace .personal-chapter figure{margin-bottom:25px}.creator-workspace .personal-index{gap:20px}.creator-workspace .personal-cover-edition{font-size:8px;right:20px;line-height:1.7}}
@media(max-width:760px){.creator-workspace aside{max-height:none;overflow:visible;position:static}}
.world-collaboration{padding:70px 6%;background:#17211e;color:#efe8dc}.world-collaboration h2,.creator-requests h2{font-size:clamp(42px,5vw,72px);margin:20px 0}.world-collaboration>p{margin:20px 0}.world-collaboration details{margin-top:35px}.world-collaboration summary{display:inline-flex;cursor:pointer;background:#d9ff70;color:#17211e;list-style:none}.world-collaboration form{margin-top:35px;max-width:850px}.world-collaboration input,.world-collaboration textarea{background:#23322d;color:#fff;border-color:#69776d}.world-collaboration .muted{color:#b6c0b9;font-size:12px;margin:20px 0}.request-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}.world-collaboration .creator-check{margin-top:25px}.creator-requests{margin-top:70px;padding-top:45px;border-top:1px solid var(--line)}.request-card{padding:30px;background:#f7f3e9;border:1px solid var(--line);margin:25px 0}.request-card header{display:flex;justify-content:space-between;gap:20px}.request-card h3{font-size:28px;margin:12px 0}.request-badge{font:11px var(--f-mono);padding:10px 15px;border:1px solid var(--line);align-self:start}.request-card>p{white-space:pre-wrap;line-height:1.7}.request-card dl{display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:14px}.request-card dd{margin:0;overflow-wrap:anywhere}.request-card select{padding:12px;background:transparent;border:1px solid var(--line)}.request-feedback{margin-top:20px;font-size:14px}.requests-empty{padding:25px;border:1px dashed var(--line)}@media(max-width:760px){.request-fields{grid-template-columns:1fr}.world-collaboration{padding:40px 24px}.request-card{padding:20px}.request-card header{flex-wrap:wrap}}
.world-collaboration label{color:#c9d4cb}.world-collaboration button.btn.solid{background:#d9ff70;color:#17211e}.world-collaboration .creator-check{color:#c9d4cb}.world-collaboration input[type=checkbox]{accent-color:#d9ff70}
.request-inbox-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.request-new{display:flex;align-items:center;gap:15px;padding:20px;border-left:1px solid var(--line)}.request-new strong{font:60px var(--f-serif)}.request-new span{max-width:100px;font-size:12px;line-height:1.6}.request-toolbar{display:grid;grid-template-columns:1fr 220px auto;gap:25px;align-items:end;margin:30px 0}.request-toolbar select{width:100%;height:48px;background:#f7f3e9;border:1px solid var(--line);padding:12px}.request-toolbar .link{padding-bottom:14px}.request-followup{display:flex;gap:30px;align-items:end;justify-content:space-between;margin-top:25px}.request-followup label{margin-top:0}.request-new strong{font-family:var(--f-display,Georgia)}@media(max-width:760px){.request-inbox-heading{align-items:start}.request-new{padding:10px}.request-new strong{font-size:40px}.request-new span{max-width:70px;font-size:10px}.request-toolbar{grid-template-columns:1fr;gap:10px}.request-followup{align-items:start;flex-direction:column;gap:20px}}
.request-new strong{font-family:Georgia,serif;font-size:60px;font-weight:400;line-height:1}@media(max-width:760px){.request-new strong{font-size:40px}}
.creator-launch{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:35px 0 45px;border-block:1px solid var(--line);margin:15px 0 45px}.creator-launch h2{font-size:clamp(32px,3vw,50px);margin:15px 0}.creator-launch .muted{font-size:13px;line-height:1.6}.launch-checks{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;font-size:13px;margin-top:25px}.launch-checks li{display:flex;gap:12px;align-items:center;color:#737c71}.launch-checks li.complete{color:#17211e}.launch-checks span{font-size:18px}.launch-share{padding:25px 30px;background:#e3e9d8}.launch-share h3{font-size:27px;margin:15px 0}.launch-share>p:not(.label){font-size:13px;line-height:1.7}.launch-share input{background:#f7f3e9;font-size:14px}.launch-share-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}@media(max-width:760px){.creator-launch{grid-template-columns:1fr;gap:25px}.launch-checks{grid-template-columns:1fr}.launch-share{padding:25px 20px}.launch-share-actions .btn{flex:1}}
.audience-edit-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.creator-audience .muted{font-size:13px;line-height:1.7}.personal-audience{padding:35px 6% 45px;border-top:1px solid color-mix(in srgb,var(--personal-ink) 20%,transparent)}.audience-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.audience-heading>p:not(.label),.audience-note{font-size:11px;line-height:1.6;opacity:.75}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:25px 0}.audience-grid article{border-left:1px solid color-mix(in srgb,var(--personal-ink) 30%,transparent);padding-left:22px;min-width:0}.audience-grid strong{font-family:Georgia,serif;font-size:clamp(28px,3vw,50px);font-weight:400;display:block;margin:15px 0 5px;overflow-wrap:anywhere}.audience-grid article>span{font-size:12px}.audience-date{font-size:10px;margin-top:15px;opacity:.75}.creator-workspace .audience-grid{gap:15px}.creator-workspace .audience-grid article{padding-left:12px}.creator-workspace .audience-grid strong{font-size:28px}@container(max-width:450px){.audience-heading{display:block}.audience-grid{grid-template-columns:1fr;gap:25px}}@media(max-width:760px){.audience-edit-row{grid-template-columns:1fr;gap:0}.audience-heading{display:block}.audience-grid{grid-template-columns:1fr;gap:25px}.personal-audience{padding:30px 24px}}
.creator-look .look-product-editor{border-top:1px solid var(--line);padding-top:20px;margin:25px 0}.look-product-editor summary{font-size:15px;font-weight:500;line-height:1.5}.personal-look{padding:55px 6%;border-top:1px solid color-mix(in srgb,var(--personal-ink) 20%,transparent)}.personal-look>h2{font-size:clamp(40px,5vw,72px);margin:20px 0 35px;overflow-wrap:anywhere}.look-layout.has-photo{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.look-layout figure{margin:0}.look-layout figure>img{width:100%;aspect-ratio:3/4;object-fit:cover}.look-items article{display:grid;grid-template-columns:90px 1fr;gap:25px;padding:25px 0;border-top:1px solid color-mix(in srgb,var(--personal-ink) 25%,transparent)}.look-items article>img{width:90px;height:120px;object-fit:cover}.look-item-number{font:42px Georgia;opacity:.45}.look-items h3{font:27px Georgia;line-height:1.15;margin:12px 0}.look-items p:not(.label){font-size:13px;line-height:1.6;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.look-items strong{display:block;font-size:18px;margin-top:15px}.look-items small{display:block;font-size:10px;opacity:.7;margin-top:6px}.look-disclosure{border-left:2px solid currentColor;padding-left:10px}.look-footnote{font-size:11px;line-height:1.6;opacity:.7;margin-top:25px}.creator-workspace .look-layout.has-photo{grid-template-columns:1fr}.creator-workspace .personal-look>h2{font-size:38px}.creator-workspace .look-items article{grid-template-columns:65px 1fr;gap:15px}.creator-workspace .look-items article>img{width:65px;height:90px}@media(max-width:760px){.personal-look{padding:35px 24px}.look-layout.has-photo{grid-template-columns:1fr;gap:25px}.look-items article{grid-template-columns:65px 1fr;gap:15px}.look-items article>img{width:65px;height:90px}}
.language-picker{display:flex;align-items:center;margin-left:auto;margin-right:22px}.language-picker select{border:1px solid #ffffff30;color:#e6ebe3;background:#14201d;font:10px var(--f-mono);letter-spacing:.1em;padding:8px;cursor:pointer}.platform .proto{margin-left:0}@media(max-width:760px){.language-picker{margin-right:10px}.language-picker select{padding:6px;font-size:9px}}
.platform-actions{display:flex;justify-self:end;align-items:center;gap:18px}.platform-actions .language-picker{margin:0}.platform-actions .proto{white-space:nowrap}@media(max-width:760px){.platform-actions{gap:10px}}

/* Creator compositions share content and editor controls. */
.section-control{display:grid;grid-template-columns:1fr 38px 38px;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #17211e20}.section-control button{background:transparent;border:1px solid #17211e40;padding:8px;cursor:pointer}.section-control button:disabled{opacity:.3;cursor:default}.example-notice{padding:18px 6%;font-size:11px;letter-spacing:.12em;background:#dfff73;color:#17211e}.example-notice a{float:right;text-decoration:underline}.world-atelier .personal-cover{min-height:680px}.world-atelier .personal-cover-copy{max-width:70%}.world-atelier .personal-cover-copy h1{font-size:clamp(48px,7vw,110px);line-height:1}.world-atelier .personal-chapter{padding-top:90px;padding-bottom:90px;border-top:1px solid #e8e2d630}.world-atelier .personal-chapter:not(.with-image){display:grid;grid-template-columns:1fr 1.6fr}.world-atelier .personal-chapter:not(.with-image):before{content:'FIELD NOTES';font-size:10px;letter-spacing:.2em;opacity:.6}.world-atelier .personal-bio{border-top:1px solid #e8e2d630}.world-atelier .personal-index{border-color:#e8e2d630}
@media(max-width:760px){.personal-cover>img{object-position:var(--mobile-x,50%) var(--mobile-y,50%)!important}.world-atelier .personal-cover-copy{max-width:100%}.world-atelier .personal-chapter:not(.with-image){display:block}.world-atelier .personal-chapter:not(.with-image):before{display:block;margin-bottom:30px}.example-notice a{float:none;display:block;margin-top:12px}}
@container(max-width:450px){.personal-cover>img{object-position:var(--mobile-x,50%) var(--mobile-y,50%)!important}.world-atelier .personal-cover-copy{max-width:100%}.world-atelier .personal-chapter:not(.with-image){display:block}}

/* The platform entrance is a creator index; individual Worlds remain destinations. */
.discover-main{max-width:1600px;margin:auto;padding:70px var(--gut) 0}.discover-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end;padding:30px 0 75px}.discover-intro h1{font-size:clamp(66px,8vw,128px);margin-top:24px}.discover-intro .link{margin-top:30px}.discover-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.discover-heading h2:not(.display){font-size:19px;font-weight:500}.discover-heading>p{font-size:11px;opacity:.65}.discover-featured{display:grid;grid-template-columns:1.2fr 1fr;gap:35px}.discover-tile{display:block;min-width:0}.discover-image{position:relative;aspect-ratio:4/5;background:#1b2525;overflow:hidden}.discover-featured .discover-tile:nth-child(2){padding-top:85px}.discover-featured .discover-tile:nth-child(2) .discover-image{aspect-ratio:4/5}.discover-image img{height:100%;width:100%;object-fit:cover;transition:transform .7s var(--ease)}.discover-tile:hover img{transform:scale(1.035)}.discover-badge{position:absolute;top:18px;left:18px;background:#111b21cc;color:#fff;padding:8px 10px;font:10px var(--f-mono);text-transform:uppercase;letter-spacing:.08em}.discover-enter{position:absolute;bottom:18px;right:18px;background:var(--lime);color:#17211e;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:22px}.discover-caption{padding:22px 0 30px}.discover-caption h3{font:clamp(34px,4vw,56px)/1.1 var(--f-display);margin:10px 0}.discover-caption>p:last-child{font-size:14px;opacity:.7}.discover-live{margin-top:100px;padding-top:55px;border-top:1px solid var(--line);scroll-margin-top:100px}.discover-live h2{font-size:clamp(48px,6vw,78px);margin-top:15px}.discover-search{width:320px;max-width:100%}.discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:30px 0}.discover-grid .discover-image{aspect-ratio:4/3}.discover-grid .discover-caption h3{font-size:36px}.discover-placeholder{display:grid;place-items:center;height:100%;color:#e8e2d6;font:100px var(--f-display)}#discover-status{font-size:13px;opacity:.7}.discover-invitation{margin-top:75px;padding:65px 0 85px;border-top:1px solid var(--line)}.discover-invitation h2{font-size:clamp(50px,6vw,88px);margin:20px 0 30px}
@media(max-width:760px){.discover-main{padding-top:35px}.discover-intro{grid-template-columns:1fr;gap:30px;padding-bottom:45px}.discover-intro h1{font-size:68px}.discover-featured{gap:35px;grid-template-columns:1fr}.discover-featured .discover-tile:nth-child(2){padding-top:0}.discover-image{aspect-ratio:4/5}.discover-heading{display:block}.discover-heading>p{margin-top:10px}.discover-live{margin-top:45px}.discover-search{width:100%;margin-top:25px}.discover-grid{grid-template-columns:1fr}.discover-invitation{margin-top:45px}}
@media(prefers-reduced-motion:reduce){.discover-image img{transition:none}.discover-tile:hover img{transform:none}}

.discover-live [hidden]{display:none!important}

/* Real creator workflow and private collaboration rooms. */
[hidden]{display:none!important}.editor-section-nav{display:flex;gap:8px;flex-wrap:wrap;padding:16px 0;margin-bottom:24px;border-block:1px solid var(--line)}.editor-section-nav button{padding:10px 14px;border:1px solid var(--line);font-size:12px}.editor-section-nav button:hover{background:#17211e;color:#efe8dc}.editor-group{scroll-margin-top:85px;border-bottom:1px solid var(--line);padding:0 0 35px;margin-bottom:35px}.editor-group-heading{display:flex;align-items:center;gap:16px;margin:15px 0 25px}.editor-group-heading>span{font:12px var(--f-mono);opacity:.5}.editor-group-heading h2{font:28px var(--f-display)}.editor-address-hint{font-size:12px;margin-top:9px;overflow-wrap:anywhere;opacity:.7}.creator-app #creator-status:not(:empty){position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:12px 18px;background:#17211e;color:#efe8dc;box-shadow:0 8px 35px #0003;z-index:75;font-size:13px}.creator-app #creator-status.error{background:#6b3025;color:#fff}.product-trust{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid var(--line);padding:22px 25px;margin-bottom:35px}.product-trust p:not(.label){font-size:12px;line-height:1.7;max-width:70ch;margin-top:6px}.product-trust .btn{flex-shrink:0}.studio-trust{margin:35px var(--gut);color:#eeeae0;border-color:#eeeae030}.request-confirmation{padding:30px;margin-top:30px;background:#e3e9d8;border:1px solid var(--line)}.request-confirmation h3{font:30px var(--f-display)}.request-confirmation p{max-width:70ch;font-size:13px;margin-top:12px}.request-confirmation input{font-size:12px;background:#f7f3e9;margin-bottom:20px}.collaboration-main{max-width:1450px;margin:60px auto 90px;padding:0 var(--gut)}.room-heading{padding:40px 0;border-bottom:1px solid var(--line)}.room-heading h1{font-size:clamp(50px,7vw,90px);margin:20px 0 25px}.room-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:55px;padding-top:35px}.room-layout h2{font:30px var(--f-display);margin-bottom:20px}.room-brief>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.room-brief dl{margin-top:25px;border-top:1px solid var(--line)}.room-brief dt{font:10px var(--f-mono);text-transform:uppercase;opacity:.6;margin-top:20px}.room-brief dd{font-size:14px;margin-top:5px;overflow-wrap:anywhere}.room-brief .room-footnote{font-size:11px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);opacity:.7}.room-thread-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.room-messages{display:grid;gap:15px;max-height:430px;overflow:auto;padding-right:8px}.room-messages li{padding:20px;background:#e4dac9}.room-messages li.room-own{background:#e3e9d8;margin-left:25px}.room-messages li>p:last-child{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;margin-top:10px}.room-messages .room-empty{font-size:13px;background:transparent;border:1px dashed var(--line);opacity:.75}.room-reply-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px}.room-reply-bottom small{max-width:36ch;opacity:.6;font-size:11px}.room-feedback{font-size:13px;margin-top:15px}.request-room-dialog{width:min(1250px,calc(100vw - 40px));max-height:90svh;overflow:auto;padding:30px 35px;border:0;background:#efe8dc;color:#17211e}.request-room-dialog::backdrop{background:#091219c9}.room-dialog-bar{display:flex;justify-content:space-between;gap:20px}.room-dialog-body .room-heading{padding-top:25px}.room-dialog-body .room-heading h1{font-size:60px}.request-followup{flex-wrap:wrap}.request-followup .btn{font-size:12px;min-height:44px}.creator-requests{scroll-margin-top:85px}
@media(max-width:760px){.editor-section-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.editor-section-nav button{white-space:nowrap;flex-shrink:0}.product-trust{display:block;padding:20px}.product-trust .btn{margin-top:18px}.room-layout{grid-template-columns:1fr;gap:35px}.room-reply-bottom{display:block}.room-reply-bottom .btn{margin-top:15px;width:100%}.request-room-dialog{width:calc(100vw - 20px);padding:22px 18px}.room-dialog-body .room-heading h1{font-size:48px}.room-messages li.room-own{margin-left:12px}.collaboration-main{margin-top:30px}.platform-actions .language-picker select{min-width:45px;padding-inline:5px}}

.request-confirmation-actions{display:flex;gap:12px;flex-wrap:wrap}.request-confirmation-actions .btn{flex:1;min-width:180px}.room-layout,.room-layout section{min-width:0}.room-dialog-bar{position:sticky;top:0;background:#efe8dc;z-index:2;padding-bottom:16px}

.personal-profile-meta{font:11px var(--f-mono);opacity:.7;margin-top:20px;overflow-wrap:anywhere}.personal-offers{margin-top:30px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--personal-ink) 20%,transparent)}.personal-offers>p:last-child{font-size:13px;white-space:pre-wrap;line-height:1.8;margin-top:10px}.discover-filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:end;margin-bottom:25px}.discover-filters p{font-size:11px;opacity:.6;padding-bottom:15px}@media(max-width:760px){.discover-filters{grid-template-columns:1fr 1fr;gap:15px}.discover-filters p{grid-column:1/-1;padding:0}}

.creator-editor-actions{position:sticky;bottom:12px;z-index:12;background:#efe8dcf5;border-top:1px solid var(--line);padding:16px 0;box-shadow:0 -12px 20px #efe8dc90}#creator-live-preview{scroll-margin-top:85px}

.opportunities{max-width:1240px;margin:auto;padding:80px 28px}.opportunities>h1{font-size:clamp(64px,8vw,120px);line-height:.95;margin:24px 0}.op-intro{max-width:610px;font-size:20px;line-height:1.6}.op-notice{padding:18px;border:1px solid #7b8176;font-size:13px;line-height:1.6;margin:26px 0}.op-filters{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0}.op-filters button{background:transparent;border:1px solid #8b9086;padding:12px 20px;color:inherit;cursor:pointer}.op-filters button[aria-pressed=true]{background:#18251f;color:#fff}.op-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.op-card{border-top:1px solid #727b71;padding:28px 0 34px}.op-card h2{font-size:16px;letter-spacing:.12em;text-transform:uppercase}.op-card h3{font-size:clamp(38px,4vw,60px);line-height:1.05;margin:20px 0}.op-card>p{line-height:1.7;max-width:470px}.op-card dl{margin:28px 0}.op-card dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-top:16px}.op-card dd{margin:6px 0;line-height:1.5}.op-brand{border-top:1px solid #727b71;padding:50px 0;margin-top:30px;max-width:720px}.op-brand h2{font-size:64px}.op-brand p{line-height:1.7}.op-dialog{width:min(680px,calc(100% - 32px));padding:30px;border:1px solid #768074;background:#eee8dc;color:#18251f;max-height:90svh;overflow:auto}.op-dialog::backdrop{background:#101b19bb}.op-dialog h2{font-size:60px;line-height:1.05}.op-dialog p{line-height:1.7}@media(max-width:760px){.opportunities{padding:44px 20px}.op-grid{grid-template-columns:1fr;gap:10px}.op-dialog h2{font-size:42px}.platform nav{gap:10px}}

.look-layout figure{position:relative}.world-item-pin{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;background:#17251dcc;color:#fff;text-decoration:none;box-shadow:0 0 0 6px #ffffff28}.world-item-pin:focus-visible{outline:3px solid #d4ff62}.look-items article:focus{outline:2px solid currentColor;outline-offset:8px}.op-card:nth-child(2){border-top-color:#a57047}.op-card:nth-child(3){border-top-color:#687e75}

@media(max-width:760px){:root{--bar-h:110px}.platform{height:110px;display:grid;grid-template-columns:1fr auto;grid-template-rows:62px 48px;gap:0;padding:0 18px;overflow:hidden}.platform>.wm{grid-column:1;grid-row:1;justify-self:start}.platform .identity-logo{width:110px}.platform-actions{grid-column:2;grid-row:1;gap:12px}.platform-actions .proto{display:none}.platform nav{grid-column:1 / -1;grid-row:2;display:flex;justify-content:flex-start;align-items:stretch;width:100%;min-width:0;overflow-x:auto;scrollbar-width:none;gap:18px;border-top:1px solid #ffffff20}.platform nav::-webkit-scrollbar{display:none}.platform nav a{flex:0 0 auto;white-space:nowrap;padding:12px 0;font-size:12px}.platform nav a small{display:none}.platform nav a.active{border-bottom:2px solid #d4ff62}.platform-actions .language-picker select{min-height:36px;min-width:52px}}

.brand-studio{max-width:1240px;margin:auto;padding:64px 24px}.brand-studio>h1{font-size:clamp(54px,7vw,100px);line-height:1}.brand-studio-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;margin-top:32px}.brand-studio-bar{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:12px 0}.brand-studio .creator-form{max-width:none}.brand-studio .creator-form>p,.brand-inbox>p{line-height:1.6}.brand-studio h2{font-size:48px;line-height:1.1}.brand-application{border-top:1px solid var(--line);padding:22px 0}.brand-inbox{min-width:0}.op-live{margin-top:45px;border-top:1px solid var(--line);padding-top:25px}.op-live>p,.op-review{font-size:13px;line-height:1.6}.opportunities>h2{font-size:48px;margin-top:60px}.op-dialog textarea{display:block;width:100%;background:transparent;color:inherit;border:1px solid #8b9086;padding:14px;margin:12px 0 20px;box-sizing:border-box}.op-dialog label{display:block;margin-top:20px}.brand-status,.proposal-status{overflow-wrap:anywhere}.brand-auth{max-width:550px!important}#op-my-applications{margin-top:35px}@media(max-width:760px){.brand-studio{padding:36px 20px}.brand-studio-layout{grid-template-columns:1fr;gap:35px}.brand-studio .creator-editor-actions{flex-wrap:wrap}.brand-studio .creator-editor-actions .btn{flex:1 1 100%}}

.language-picker select{box-sizing:border-box;width:58px;min-width:58px!important;height:30px;min-height:30px!important;font-size:11px!important;line-height:1.2;padding:4px 6px!important;letter-spacing:.03em;color:#fff!important;background:#14201d!important;color-scheme:dark}.language-picker option{color:#fff!important;background:#14201d!important;font-size:13px}.look-layout figure>img{aspect-ratio:auto;height:auto;object-fit:contain;display:block}.look-pin-editor{position:relative;width:100%;margin:20px 0;background:#18251f}.look-pin-editor>img{display:block;width:100%;height:auto}.look-drag-pin{position:absolute;transform:translate(-50%,-50%);width:42px;height:42px;border:2px solid #fff;border-radius:50%;background:#17251dcc;color:#fff;cursor:grab;touch-action:none;font-size:15px;box-shadow:0 0 0 5px #ffffff20}.look-drag-pin:active{cursor:grabbing}.look-drag-pin:focus-visible{outline:3px solid #d6ff62;outline-offset:4px}.look-photo-editor{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.look-photo-editor>.link{margin-left:15px}.look-scene{min-width:0}.look-pin-hint{padding:18px;border:1px dashed var(--line);line-height:1.6}.look-photo-editor>p:not(.label){font-size:13px;line-height:1.6}.world-item-pin{z-index:1}

.creator-look,.look-scene,.look-photo-editor,.look-canvas-slot{min-width:0;max-width:100%;box-sizing:border-box}.creator-look fieldset{min-inline-size:0}.look-photo-editor>.btn{white-space:normal}

@media(min-width:761px) and (max-width:1050px){.platform-actions .proto{display:none}.platform{grid-template-columns:auto 1fr auto}.platform nav{gap:8px}.platform nav a{padding-inline:7px}}.chapter-editor-toggle{border-top:1px solid var(--line);padding:20px 0}.chapter-editor-toggle>summary{cursor:pointer;font-size:17px;line-height:1.5;overflow-wrap:anywhere}.chapter-editor-toggle>fieldset{min-inline-size:0;margin-top:22px}.chapter-editor-toggle>fieldset>legend{display:none}

#creator-edit .look-drag-pin,.world-item-pin{display:grid;place-items:center;box-sizing:border-box;padding:0;margin:0;text-align:center;text-indent:0;font-family:var(--f-ui);font-size:15px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0}#creator-edit .look-drag-pin{width:42px;min-width:42px;height:42px;min-height:42px}

/* Overscan leaves room to pan the cover on both axes, independent of photo ratio. */
.personal-cover>img{width:115%;height:115%;max-width:none;left:calc(-.15 * var(--cover-x,50%));top:calc(-.15 * var(--cover-y,50%))}
@media(max-width:760px){.personal-cover>img{left:calc(-.15 * var(--mobile-x,50%));top:calc(-.15 * var(--mobile-y,50%))}}
@container(max-width:450px){.personal-cover>img{left:calc(-.15 * var(--mobile-x,50%));top:calc(-.15 * var(--mobile-y,50%))}}

.personal-cover>img{width:calc(100% * var(--cover-scale,1.15));height:calc(100% * var(--cover-scale,1.15));left:calc((1 - var(--cover-scale,1.15)) * var(--cover-x,50%));top:calc((1 - var(--cover-scale,1.15)) * var(--cover-y,50%))}
@media(max-width:760px){.personal-cover>img{width:calc(100% * var(--mobile-scale,1.15));height:calc(100% * var(--mobile-scale,1.15));left:calc((1 - var(--mobile-scale,1.15)) * var(--mobile-x,50%));top:calc((1 - var(--mobile-scale,1.15)) * var(--mobile-y,50%))}}
@container(max-width:450px){.personal-cover>img{width:calc(100% * var(--mobile-scale,1.15));height:calc(100% * var(--mobile-scale,1.15));left:calc((1 - var(--mobile-scale,1.15)) * var(--mobile-x,50%));top:calc((1 - var(--mobile-scale,1.15)) * var(--mobile-y,50%))}}

.studio-credit{display:block;width:100%;grid-column:1/-1;font:11px var(--f-ui);letter-spacing:.04em;opacity:.7;margin-top:20px}.studio-credit span{font-weight:600}
.studio-credit,.studio-credit span{display:inline!important;text-transform:none!important}.studio-credit{display:block!important}

.studio-credit a{display:inline;text-transform:none;font-weight:600;text-decoration:underline;text-underline-offset:3px;color:inherit}

/* Shared cover geometry: preview and published World use the same crop ratio. */
.personal-world{container-type:inline-size}
.personal-world .personal-cover{aspect-ratio:12/5;height:auto;min-height:0}
.personal-world .personal-cover-copy{position:absolute;inset:auto 0 0;padding:6% 6% 6%;max-width:100%}
.personal-world .personal-cover-copy h1{font-size:6cqw;max-width:70%;margin:2% 0;line-height:.96}
.personal-world .personal-cover-rule{margin-top:3%;width:5%;min-width:24px}
.personal-world .personal-cover-edition{bottom:4%;font-size:clamp(7px,.7cqw,12px)}
.personal-world .personal-cover-copy>.label{font-size:clamp(8px,.9cqw,14px)}
@container(max-width:450px){
.personal-world .personal-cover{aspect-ratio:3/4;min-height:0}
.personal-world .personal-cover-copy{padding:8% 6% 15%}
.personal-world .personal-cover-copy h1{font-size:12cqw;max-width:100%;margin:5% 0}
.personal-world .personal-cover-edition{left:6%;right:6%;bottom:4%}
}

/* The selected preview mode must not depend on the editor column width. */
@media(max-width:760px){.personal-world .personal-cover{aspect-ratio:3/4;min-height:0}.personal-world .personal-cover-copy{padding:8% 6% 15%}.personal-world .personal-cover-copy h1{font-size:12cqw;max-width:100%;margin:5% 0}}
#creator-preview.preview-desktop .personal-cover{aspect-ratio:12/5;min-height:0}
#creator-preview.preview-desktop .personal-cover>img{width:calc(100% * var(--cover-scale,1.15));height:calc(100% * var(--cover-scale,1.15));left:calc((1 - var(--cover-scale,1.15)) * var(--cover-x,50%));top:calc((1 - var(--cover-scale,1.15)) * var(--cover-y,50%));object-position:var(--cover-x,50%) var(--cover-y,50%)!important}
#creator-preview.preview-desktop .personal-cover-copy{padding:6%;max-width:100%}
#creator-preview.preview-desktop .personal-cover-copy h1{font-size:6cqw;max-width:70%;margin:2% 0}
#creator-preview.preview-phone .personal-cover{aspect-ratio:3/4;min-height:0}
#creator-preview.preview-phone .personal-cover>img{width:calc(100% * var(--mobile-scale,1.15));height:calc(100% * var(--mobile-scale,1.15));left:calc((1 - var(--mobile-scale,1.15)) * var(--mobile-x,50%));top:calc((1 - var(--mobile-scale,1.15)) * var(--mobile-y,50%));object-position:var(--mobile-x,50%) var(--mobile-y,50%)!important}
#creator-preview.preview-phone .personal-cover-copy{padding:8% 6% 15%;max-width:100%}
#creator-preview.preview-phone .personal-cover-copy h1{font-size:12cqw;max-width:100%;margin:5% 0}
.creator-workspace #creator-preview.preview-phone .personal-cover{min-height:0;aspect-ratio:3/4}

/* A confirmation is a light panel inside a dark collaboration section. */
.world-collaboration .request-confirmation{background:#e3e9d8;color:#17211e;--fg:#17211e;--bg:#e3e9d8;--line:#647367;--muted:#46554b}
.world-collaboration .request-confirmation h3,.world-collaboration .request-confirmation p,.world-collaboration .request-confirmation label{color:#17211e}
.world-collaboration .request-confirmation input{background:#f7f3e9;color:#17211e;border:1px solid #647367;-webkit-text-fill-color:#17211e;opacity:1}
.world-collaboration .request-confirmation .btn.line{color:#17211e;border:1px solid #647367;background:transparent}
.world-collaboration .request-confirmation .btn.solid{color:#f7f3e9;background:#17211e;border:1px solid #17211e}
.world-collaboration .request-confirmation :is(button,a,input):focus-visible{outline:3px solid #526b2c;outline-offset:3px}

.partner-profile{padding:28px;border:1px solid var(--line);margin:25px 0 40px}.partner-profile h2{font-size:42px;margin:15px 0}.partner-invitation{min-width:0}.partner-invitation>summary{cursor:pointer;font-size:18px;padding:20px 0;border-block:1px solid var(--line)}.partner-profile .btn{margin-top:20px}

.mobile-menu-toggle,.mobile-account-links{display:none}
@media(max-width:760px){
.platform{display:grid!important;grid-template-columns:1fr auto!important;align-items:center;gap:0!important;padding:16px 20px!important}
.platform>.wm{grid-column:1;grid-row:1}.platform>nav,.platform>.platform-actions{display:none!important}
.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:transparent;border:1px solid #52615d;color:#efe8dc;padding:10px;grid-column:2;grid-row:1;cursor:pointer}
.mobile-menu-toggle span{display:block;height:1px;width:22px;background:currentColor}
.platform.menu-open>nav{display:flex!important;grid-column:1/-1;flex-direction:column;align-items:stretch;gap:0;overflow:visible;max-height:50vh;overflow-y:auto;margin-top:18px}
.platform.menu-open>nav a{padding:14px 0;border-top:1px solid #34423f;white-space:normal}.platform.menu-open>nav a small{display:block!important;margin-top:4px}
.platform.menu-open>.platform-actions{display:flex!important;grid-column:1/-1;flex-wrap:wrap;align-items:center;gap:18px;padding-top:20px;border-top:1px solid #34423f}
.platform .proto{display:none!important}.mobile-account-links{display:flex;flex:1 1 100%;flex-direction:column;gap:16px;padding-bottom:8px}.mobile-account-links a,.mobile-account-links button{font-size:14px;color:#efe8dc;text-align:left}.platform-actions .language-picker select{width:58px!important;height:32px!important;color:#efe8dc;background:#17211e}
}

@media(min-width:761px){.platform .proto{display:none}.mobile-account-links{display:flex;gap:12px;align-items:center}.mobile-account-links a,.mobile-account-links button{font:10px var(--f-mono);color:#efe8dc;white-space:nowrap}.platform nav{gap:8px}.platform-actions{gap:12px}}
@media(min-width:761px) and (max-width:1150px){.platform nav small{display:none}.mobile-account-links{flex-direction:column;align-items:flex-start;gap:5px}}

@media(max-width:760px){.platform{height:auto!important;min-height:76px;box-sizing:border-box;background:#101a20;max-height:100svh;overflow-y:auto}.platform.menu-open>nav{grid-row:2!important}.platform.menu-open>.platform-actions{grid-row:3!important}.platform.menu-open>nav a{align-items:flex-start}.platform.menu-open .mobile-account-links{align-items:flex-start}.platform>.wm{align-self:center}}

@media(max-width:760px){.platform{grid-template-rows:auto!important;grid-auto-rows:auto!important}.platform.menu-open>.platform-actions{justify-self:stretch;width:100%}.platform.menu-open>nav{max-height:none}.platform.menu-open{overflow-y:auto}}

/* One quiet account entry; account state remains visible away from the Studio. */
.platform{grid-template-columns:auto 1fr auto;gap:38px;background:#101a20}.platform>nav{justify-content:center;gap:30px}.platform>nav a{padding:9px 0;font-size:13px}.platform>nav a small{display:none!important}.platform-actions>.label{display:none}.account-menu{position:relative;display:block;font:12px var(--f-ui);color:#efe8dc}.account-menu>summary{cursor:pointer;list-style:none;border:1px solid #52615d;padding:10px 14px;white-space:nowrap;display:flex;align-items:center;gap:20px}.account-menu>summary::-webkit-details-marker{display:none}.account-menu-panel{position:absolute;right:0;top:calc(100% + 12px);width:260px;background:#14211e;border:1px solid #52615d;padding:10px 20px;box-shadow:0 15px 40px #0004}.account-menu-panel a,.account-menu-panel button{display:block!important;padding:14px 0!important;width:100%;text-align:left;color:#efe8dc!important;font:14px var(--f-ui)!important;border-bottom:1px solid #34423f}.account-menu-panel small{display:block;font-size:11px;opacity:.65;margin-top:5px}.account-menu:not([open])>.account-menu-panel{display:none}.account-menu-panel>:last-child{border-bottom:0}
@media(max-width:760px){:root{--bar-h:76px}.platform{gap:0!important}.platform.menu-open>.platform-actions{align-items:flex-start;padding-bottom:20px}.platform .account-menu{flex:1 1 100%;display:block}.platform .account-menu>summary{display:none}.platform .account-menu>.account-menu-panel{display:block!important;position:static;box-shadow:none;border:0;padding:0;width:100%;background:transparent}.platform.menu-open>nav a.active{border-bottom:0}.platform.menu-open>nav a.active:after{left:0;right:auto;width:30px}}

/* Whitelisted creator typography; platform/editor fonts stay independent. */
.personal-world[data-typography],.type-choice{--type-head:'Instrument Serif',Georgia,serif;--type-body:'Geist',system-ui,sans-serif;--type-weight:400;--type-spacing:-.02em}
.personal-world[data-typography=luxury],.type-choice[data-type=luxury]{--type-head:'Bodoni Moda',Georgia,serif;--type-spacing:-.035em}
.personal-world[data-typography=bold],.type-choice[data-type=bold]{--type-head:'Geist',system-ui,sans-serif;--type-weight:700;--type-spacing:-.04em}
.personal-world[data-typography=soft],.type-choice[data-type=soft]{--type-head:'DM Sans',system-ui,sans-serif;--type-body:'DM Sans',system-ui,sans-serif;--type-weight:500;--type-spacing:-.035em}
.personal-world[data-typography=minimal],.type-choice[data-type=minimal]{--type-head:'Geist',system-ui,sans-serif;--type-weight:300;--type-spacing:-.045em}
.personal-world[data-typography=classic],.type-choice[data-type=classic]{--type-head:'Cormorant Garamond',Georgia,serif;--type-weight:500;--type-spacing:-.015em}
.personal-world[data-typography]{--f-display:var(--type-head);--f-ui:var(--type-body);font-family:var(--type-body)}
.personal-world[data-typography] .display{font-family:var(--type-head);font-weight:var(--type-weight);letter-spacing:var(--type-spacing)}
.personal-world[data-typography]:not([data-typography=editorial]) .personal-cover h1{line-height:1.04;text-wrap:balance}
.typography-picker>p{font:13px/1.7 var(--f-ui);margin:8px 0 20px;letter-spacing:0;text-transform:none}.typography-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#creator-edit .type-choice{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);cursor:pointer;text-transform:none;letter-spacing:0;margin:0;background:#f5f0e6;color:#17211e}
#creator-edit .type-choice input{position:absolute;top:18px;right:16px;width:16px;height:16px;margin:0;accent-color:#17211e}
#creator-edit .type-choice:has(input:checked){border-color:#17211e;box-shadow:inset 0 0 0 1px #17211e;background:#e5e9dc}
#creator-edit .type-choice:focus-within{outline:2px solid #52615d;outline-offset:3px}.type-choice-name{font:500 12px var(--f-ui);padding-right:22px}.type-sample{font-family:var(--type-head);font-weight:var(--type-weight);font-size:clamp(26px,3vw,36px);letter-spacing:var(--type-spacing);line-height:1.15}.type-description{font:12px/1.5 var(--type-body)}#creator-edit .type-fonts{font:10px/1.4 var(--f-mono);margin:0;opacity:.65}.typography-picker>.link{margin-top:20px;font-size:12px}
@media(max-width:400px){.typography-grid{grid-template-columns:1fr}#creator-edit .type-choice{padding:18px}.type-sample{font-size:34px}}

.deal-panel,.portal-deals{border-top:1px solid var(--line);margin-top:45px;padding-top:35px}.deal-panel-heading{display:flex;justify-content:space-between;gap:25px;align-items:start}.deal-panel h2,.portal-deals h2{font-size:clamp(38px,5vw,64px);line-height:1.1;margin:12px 0 22px}.deal-panel p,.portal-deals p{line-height:1.65}.deal-state{border:1px solid #7d8777;padding:12px 16px;font:11px/1.5 var(--f-mono)}.deal-confirmations{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#e3e9d8;color:#17211e;padding:25px;margin:25px 0}.deal-confirmations strong,.deal-confirmations span{display:block}.deal-confirmations span{font-size:12px;margin-top:8px}.deal-document,.deal-edit,.deal-history{border-top:1px solid #b7bcae;padding:22px 0;margin-top:20px}.deal-panel summary{cursor:pointer;font-size:16px}.deal-document h1,.deal-history h1{font:40px/1.1 var(--f-display);margin-top:25px}.deal-document h2,.deal-history h2{font:16px var(--f-ui);margin:25px 0 10px}.deal-document p,.deal-history p{white-space:pre-wrap;overflow-wrap:anywhere}.deal-confirm-form{margin-top:24px}.deal-confirm-form button{margin-top:18px}.deal-form{max-width:none!important}.deal-fee-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.deal-card-group{margin:35px 0}.deal-card-group>h3{font:24px var(--f-display);margin-bottom:20px}.deal-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.deal-card{border:1px solid #a7afa0;padding:25px;background:#e8ecdF;color:#17211e;min-width:0}.deal-card h4{font:32px/1.1 var(--f-display);margin:16px 0;overflow-wrap:anywhere}.deal-card .btn{margin-top:20px}.deal-card strong{display:block;font-size:24px;margin-top:15px}.deal-card small{display:block;margin-top:12px}.deal-pagination{display:flex;gap:24px}.deal-print-frame{position:fixed;left:-10000px;width:800px;height:1000px;border:0}.deal-panel [role=status]{margin-top:15px;color:#633b2e}
@media(max-width:760px){.deal-panel-heading{display:block}.deal-state{display:block;margin-bottom:20px}.deal-card-grid,.deal-confirmations{grid-template-columns:1fr}.deal-card{padding:22px}.deal-fee-fields{grid-template-columns:1fr 1fr;gap:12px}.deal-panel h2{font-size:40px}.deal-form .btn{width:100%}}

.support-page{max-width:1000px;margin:auto;padding:70px 28px 100px}.support-page .display{font-size:clamp(44px,7vw,82px)}.support-nav,.support-footer{display:flex;flex-wrap:wrap;gap:18px}.support-nav{padding:22px 0;border-bottom:1px solid var(--line);margin-bottom:36px}.support-page article{max-width:780px;font-size:17px;line-height:1.8}.support-page h2{font-size:25px;margin:32px 0 12px}.support-page address{font-style:normal;overflow-wrap:anywhere}.support-page a{text-decoration:underline;text-underline-offset:4px}.support-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}.support-option{border:1px solid var(--line);padding:20px;text-decoration:none!important}.support-option h2{margin:0 0 10px}.support-footer{font-size:13px;grid-column:1/-1}.support-footer a{border-bottom:1px solid currentColor}@media(max-width:600px){.support-options{grid-template-columns:1fr}.support-page{padding:40px 22px 70px}}

.partner-identity{display:inline-flex;align-items:center;gap:16px;max-width:100%;font-family:Geist,Arial,sans-serif;font-size:18px}.partner-identity strong{overflow-wrap:anywhere}.partner-identity img,.partner-initials{width:64px;height:64px;flex-shrink:0;border:1px solid #aeb8ab;background:#fff;object-fit:contain;border-radius:4px;padding:5px}.partner-initials{display:grid;place-items:center;background:#17231e;color:#f1ebdf;font:20px Geist,Arial,sans-serif}.partner-logo-editor{border-top:1px solid #bfc4b7;border-bottom:1px solid #bfc4b7;padding:24px 0;margin:20px 0}.partner-logo-editor p{max-width:700px;font-size:14px}.partner-logo-editor [data-logo-preview]{margin-bottom:20px}.partner-logo-editor input[type=file]{max-width:100%}

.deal-feedback .link{display:block;margin-top:12px}.deal-feedback{overflow-wrap:anywhere}

.collaboration-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin:36px 0}.collaboration-workspace>.brand-inbox,.collaboration-workspace>.creator-requests,.collaboration-workspace>.portal-deals{margin:0;padding:28px;border:1px solid #b7bdaf;background:#f5f1e8;min-width:0;align-self:stretch}.collaboration-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.collaboration-workspace h2{font-size:clamp(30px,3vw,42px);margin:8px 0 14px;line-height:1.1}.overview-count{font:18px var(--f-mono);border:1px solid #b7bdaf;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;flex-shrink:0}.panel-intro{font-size:14px;line-height:1.6;color:#5c685e;margin-bottom:22px}.conversation-list,.deal-list,#request-list{max-height:540px;overflow:auto;scrollbar-width:thin}.collaboration-workspace .brand-application{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px 0}.brand-application>div{min-width:0;flex:1 1 220px}.brand-application h3{font-size:19px;margin:8px 0}.conversation-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.brand-application small{display:block;margin-top:10px;color:#5c685e}.brand-application .btn{min-height:42px;font-size:12px;padding:12px 16px}.panel-footnote{display:block;margin-top:20px;font-size:11px;line-height:1.5;color:#5c685e}.deal-filters{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.deal-filters button{border:1px solid #b7bdaf;padding:8px 10px;font-size:12px}.deal-filters button[aria-pressed=true]{background:#17231e;color:#f7f3e9}.deal-filters span{opacity:.65;margin-left:4px}.deal-list-row{border-top:1px solid #c4c9be;padding:18px 0}.deal-list-row summary{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none}.deal-row-title{font-size:16px;font-weight:500;flex:1;min-width:0;overflow-wrap:anywhere}.deal-list-row small{display:block;font-size:11px;line-height:1.5;color:#647065;margin-top:5px}.deal-row-meta{flex-shrink:0;text-align:right;max-width:40%;font-size:14px}.deal-row-detail{border-left:2px solid #aebd93;margin:18px 0 0;padding-left:16px;font-size:13px}.deal-row-detail p{margin-bottom:12px;overflow-wrap:anywhere}.overview-empty{padding:34px 12px;text-align:center;color:#647065}.overview-empty>span{font-size:36px}.overview-empty p{font-size:14px}.deal-pagination{margin-top:24px;gap:16px;flex-wrap:wrap;font-size:12px}.partner-profile-settings,.partner-invitation{border-block:1px solid #b7bdaf;padding:20px 0;margin:20px 0}.partner-profile-settings>summary,.partner-invitation>summary{cursor:pointer;font-size:16px}.partner-profile-settings .partner-profile{margin-top:24px}.partner-invitation-area{display:block}.brand-studio>h1{font-size:clamp(46px,6vw,74px)}.creator-collaboration-workspace .request-inbox-heading{display:flex;gap:20px;align-items:start}.creator-collaboration-workspace .request-new{font-size:11px}.creator-collaboration-workspace .request-toolbar{grid-template-columns:1fr 1fr;gap:12px}.creator-collaboration-workspace .request-toolbar input,.creator-collaboration-workspace .request-toolbar select{width:100%;min-width:0}.creator-collaboration-workspace .request-card{padding:20px;margin:16px 0}.request-details{font-size:13px;margin:14px 0}.request-details summary{cursor:pointer}.creator-collaboration-workspace .request-followup{gap:12px}.creator-collaboration-workspace .request-followup .btn{margin:0}.creator-collaboration-workspace .partner-identity img,.creator-collaboration-workspace .partner-initials{width:42px;height:42px}.creator-collaboration-workspace .partner-identity{font-size:16px;gap:10px}@media(max-width:850px){.collaboration-workspace{grid-template-columns:1fr;gap:20px}.collaboration-workspace>.brand-inbox,.collaboration-workspace>.creator-requests,.collaboration-workspace>.portal-deals{padding:22px}.conversation-list,.deal-list,#request-list{max-height:430px}}

.overview-mobile-tabs{display:none}@media(max-width:850px){.overview-mobile-tabs{display:flex;gap:8px}.overview-mobile-tabs button{flex:1;padding:13px 10px;border:1px solid #b7bdaf;font-size:13px}.overview-mobile-tabs button[aria-pressed=true]{background:#17231e;color:#f5f1e8}.collaboration-workspace[data-overview=conversations]>.portal-deals,.collaboration-workspace[data-overview=deals]>.brand-inbox,.collaboration-workspace[data-overview=deals]>.creator-requests{display:none}}

.deal-schedule{border:1px solid var(--line,#bfc6bb);padding:24px;margin:20px 0;min-width:0}.deal-schedule legend{padding:0 10px;font-size:22px}.deal-schedule [hidden]{display:none!important}

.partner-new-collaboration{margin:20px 0 28px}.new-collaboration-body{padding:24px;border:1px solid var(--line,#bfc6bb)}.new-collaboration-body .world-collaboration{padding:24px}.new-collaboration-body [data-creator-results]{display:flex;gap:12px;flex-wrap:wrap}.new-collaboration-body [data-new-request]{margin-top:20px}
/* Matching compact controls in the platform header. */
.platform-actions .language-picker select,.platform-actions .account-menu>summary{box-sizing:border-box;height:36px;min-height:36px!important;border:1px solid #52615d;background-color:transparent!important;color:#efe8dc!important;border-radius:0;font:12px/1 var(--f-ui)!important;letter-spacing:0;padding:0 12px!important}
.platform-actions .language-picker select{width:62px;min-width:62px!important;appearance:none;padding-right:25px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23efe8dc' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}
.platform-actions .account-menu>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer}
.platform-actions .account-menu>summary::-webkit-details-marker{display:none}
.platform-actions .account-menu>summary span{display:block;width:12px;height:12px;font-size:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23efe8dc' stroke-width='1.2'/%3E%3C/svg%3E") center no-repeat}
.platform-actions .language-picker select:hover,.platform-actions .account-menu>summary:hover{border-color:#a8b4a5;background-color:#ffffff08!important}
.platform-actions .language-picker select:focus-visible,.platform-actions .account-menu>summary:focus-visible{outline:2px solid #d4ff62;outline-offset:3px}
@media(max-width:760px){.platform .account-menu>summary{display:none}.platform-actions .language-picker select{height:36px}}

.notification-toggle{height:36px;border:1px solid #52615d;color:#efe8dc;padding:0 12px;font:12px var(--f-ui);white-space:nowrap}.notifications-dialog{width:min(600px,calc(100vw - 32px));max-height:85svh;overflow:auto;padding:26px;background:#f5f1e8;color:#17231e;border:1px solid #b7bdaf}.notifications-dialog::backdrop{background:#0b1923aa}.notifications-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.notifications-dialog h2{font:38px var(--f-display)}.notification-list{margin:20px 0;max-height:50svh;overflow:auto}.notification-row{display:block;width:100%;text-align:left;padding:18px;border-top:1px solid #b7bdaf}.notification-row strong,.notification-row small,.notification-row span{display:block}.notification-row small{margin:8px 0;color:#5c685e}.notification-row span{font-size:12px}.notification-row.is-unread{border-left:3px solid #8ba452;background:#e7ecdE}.notifications-dialog [role=status]{margin-top:12px}
dialog.notifications-dialog{height:fit-content;margin:auto;border-radius:0;box-sizing:border-box;animation-name:pop-in}.notification-toggle:focus-visible,.notification-row:focus-visible{outline:2px solid #8ba452;outline-offset:3px}.notifications-dialog [data-notification-body]>p{font-size:14px;line-height:1.6}.notification-toggle:hover{border-color:#a8b4a5}
