/* Public consumer presentation. No modifications to the reusable RealityOS host. */
body.profile-ready{background:#091b23;color:#ecede7;font:16px/1.6 'Segoe UI',Arial,sans-serif;margin:0;overflow:hidden}
.profile-shell{height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 75% 35%,#15313c 0,#091b23 65%)}
.profile-shell *{box-sizing:border-box}
.profile-shell button,.profile-shell a{font:inherit;color:inherit}
.profile-shell button{border:0;background:none;cursor:pointer}
.profile-shell a{text-decoration:none;border-bottom:1px solid #9a864f;text-underline-offset:5px}
.profile-shell a:hover,.profile-shell button:hover{color:#f0cc81}
.profile-shell :focus-visible{outline:2px solid #f0cc81;outline-offset:4px}
.profile-shell h1,.profile-shell h2,.profile-shell p,.profile-shell figure{margin:0}
.profile-header{display:flex;align-items:center;justify-content:space-between;padding:17px 3.2%;border-bottom:1px solid #d3e2e21a;gap:20px;flex-shrink:0;background:#081820}
.profile-shell .profile-identity{display:flex;text-align:left;align-items:center;gap:14px;font:22px Georgia,serif;padding:0}
.profile-identity>span:first-child{color:#e8c078;font:42px Georgia,serif}
.profile-identity small{display:block;color:#b5c9cd;font:11px/1.5 'Segoe UI',sans-serif;letter-spacing:.6px;margin-top:5px}
.profile-shell .profile-about{font-size:13px;padding:10px 0}
.profile-main{flex:1;min-height:0;overflow:auto;outline:none!important;scrollbar-color:#536d72 #091b23}
.profile-chapter{width:min(1740px,100%);min-height:100%;margin:auto;padding:28px 3.3% 24px;display:grid;grid-template-columns:minmax(340px,.85fr) minmax(0,1.25fr);gap:clamp(30px,4vw,80px);align-items:center}
.profile-narrative{max-width:620px;padding:5px 0 16px}
.profile-shell .profile-eyebrow{color:#d9bd81;text-transform:uppercase;letter-spacing:1.8px;font-size:10px;line-height:1.7;margin-bottom:22px}
.profile-shell h1{font:clamp(34px,3.3vw,58px)/1.08 Georgia,serif;letter-spacing:-1.6px;text-wrap:balance;max-width:650px}
.profile-shell .profile-lead{font:clamp(18px,1.45vw,24px)/1.45 Georgia,serif;color:#e8c98e;margin:24px 0 20px}
.profile-prose{color:#ced9dc;font-size:clamp(14px,1.05vw,17px);line-height:1.7}
.profile-prose p+p{margin-top:15px}
.profile-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px}
.profile-shell .profile-links a{color:#eed19b;font-size:13px;padding-bottom:4px}
.profile-shell .profile-note{font-size:12px;color:#aabfc6;line-height:1.65;margin-top:22px;max-width:580px}
.profile-figure{min-width:0;align-self:center}
.projection-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#b7c9ce;font-size:11px;padding:0 1.8% 9px;border-bottom:1px solid #6e8e982f}
.projection-heading>span{text-transform:uppercase;letter-spacing:1.1px;font-size:9px}
.profile-shell .projection-heading button{padding:4px 0;font-size:12px;color:#ead19b}
.profile-projection{position:relative;width:100%;height:clamp(290px,47vh,680px);background:#091b23;isolation:isolate}
.profile-projection canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.profile-projection.projection-ready canvas{opacity:1}
.projection-fallback{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.projection-ready .projection-fallback{clip-path:inset(100%);width:1px;height:1px}
.profile-figure figcaption{border-top:1px solid #6e8e982f;padding:18px 2% 0;max-width:800px}
.profile-shell .profile-figure h2{font:23px/1.2 Georgia,serif;letter-spacing:-.3px;margin-bottom:10px;color:#ecede7}
.profile-shell .profile-figure p{font-size:13px;line-height:1.65;color:#b8cbd0;max-width:720px}
.profile-continuation{display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;margin:auto;padding:10px 3.3%;min-height:66px;flex-shrink:0;border-top:1px solid #4d6a732e;background:#091b23}
.profile-continuation>span{font-size:12px;color:#9fb6c0}
.profile-shell .profile-next{display:flex;align-items:center;justify-content:space-between;gap:36px;background:#e1c48b;color:#10232a;padding:14px 22px;min-width:240px;font-size:14px;font-weight:600;text-align:left}
.profile-shell .profile-next:hover{background:#f3d9a9;color:#10232a}
.profile-chapters{display:flex;gap:0;padding:0 3.2%;flex-shrink:0;background:#091820;border-top:1px solid #4d6a734d;justify-content:space-between}
.profile-shell .profile-chapters button{border-top:2px solid transparent;padding:14px 9px 16px;display:flex;gap:12px;align-items:center;color:#b9cbd1;font-size:12px;text-align:left}
.profile-chapters button span{font-size:10px;color:#8aa4ad}
.profile-shell .profile-chapters [aria-current]{border-top-color:#e8c078;color:#ffe3ad}
.profile-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 3.2%;border-top:1px solid #4d6a732e;flex-shrink:0;background:#06131b;color:#adc0c8}
.profile-shell .powered-by{display:flex;align-items:center;gap:22px;padding:0;font-size:11px}
.powered-by small{font-size:8px;letter-spacing:1px;text-transform:uppercase}
.powered-by>span{display:flex;gap:7px;align-items:center}
.powered-by img{width:22px;height:22px;object-fit:contain}
.profile-footer>span{font-size:10px}
.reader-context{display:flex;align-items:center;gap:24px;justify-content:space-between;background:#132c37;padding:12px 3.2%;flex-shrink:0}
.reader-context>span{font:20px Georgia,serif;flex:1}
.reader-context small{font:11px 'Segoe UI',sans-serif;color:#a8c3cb;display:block;margin-top:3px}
.profile-shell .reader-context button{border:1px solid #617983;padding:9px 14px;font-size:12px}
.profile-reader{flex:1;min-height:0;width:100%;border:0;background:#f5f2e9}
.profile-original,.profile-tech{border:1px solid #587582;background:#0c222c;color:#ecede7;padding:0}
.profile-original::backdrop,.profile-tech::backdrop{background:#020a10e6}
.profile-original{width:96vw;height:94dvh;max-width:none;max-height:none}
.profile-original[open]{display:flex;flex-direction:column}
.profile-original header{padding:12px 20px;display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #49646b;font-size:13px}
.profile-original header>div{display:flex;gap:20px}
.profile-original button{padding:8px 12px;border:1px solid #607780!important;white-space:nowrap}
.original-scroll{flex:1;min-height:0;overflow:auto;padding:15px;display:flex;align-items:center;justify-content:center}
.original-scroll img{width:100%;height:100%;object-fit:contain}
.original-scroll.actual-size{display:block}
.original-scroll.actual-size img{width:auto;height:auto;max-width:none}
.profile-tech{width:min(640px,92vw);padding:32px;font-size:15px;max-height:90dvh;overflow:auto}
.profile-tech h2{font:30px Georgia,serif;margin:12px 0 20px}
.profile-tech p+p{margin-top:18px}
.profile-tech .tech-close{display:block;margin-left:auto;color:#e8c078}
.profile-skip{position:absolute;left:20px;top:-100px;z-index:10;background:#e1c48b;color:#10232a!important;padding:12px}
.profile-skip:focus{top:10px}
@media(min-width:1600px){.profile-chapter{gap:80px}.profile-prose{font-size:17px}}
@media(min-width:1001px) and (max-height:800px){
  .profile-header{padding-block:12px}.profile-chapter{padding-block:20px;gap:40px;grid-template-columns:minmax(340px,.95fr) minmax(0,1.15fr)}
  .profile-shell h1{font-size:36px;letter-spacing:-1px}.profile-shell .profile-eyebrow{margin-bottom:14px;font-size:9px}
  .profile-shell .profile-lead{font-size:19px;margin:17px 0 14px}.profile-prose{font-size:14px;line-height:1.65}.profile-prose p+p{margin-top:12px}
  .profile-links{margin-top:17px;gap:8px 18px}.profile-shell .profile-note{margin-top:15px;font-size:11px}.profile-projection{height:clamp(240px,40vh,340px)}
  .profile-shell .profile-figure h2{font-size:21px}.profile-shell .profile-figure p{font-size:12px}.profile-figure figcaption{padding-top:13px}
}
@media(max-width:1000px){.profile-chapter{grid-template-columns:minmax(300px,1fr) minmax(0,1.05fr);gap:28px;padding-top:28px}.profile-shell h1{font-size:37px}.profile-prose{font-size:14px}.profile-projection{height:360px}.profile-chapters button span{display:none}.profile-shell .profile-chapters button{padding-inline:6px;font-size:11px}.profile-shell .profile-note{font-size:11px}}
@media(max-width:700px){
  .profile-header{padding:12px 20px;gap:12px}.profile-shell .profile-identity{font-size:18px;gap:8px}.profile-identity small{font-size:9px;max-width:185px}.profile-identity>span:first-child{font-size:32px}.profile-shell .profile-about{font-size:11px;max-width:92px;text-align:right}
  .profile-chapter{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:28px 22px 14px;min-height:0}.profile-narrative{max-width:none;padding:0}.profile-shell .profile-eyebrow{font-size:9px;margin-bottom:17px}.profile-shell h1{font-size:38px;letter-spacing:-1px}.profile-shell .profile-lead{font-size:21px;margin:20px 0 16px}.profile-prose{font-size:15px}.profile-shell .profile-note{font-size:12px}.profile-figure{width:100%}.profile-projection{height:auto;aspect-ratio:1.5}.profile-shell .profile-figure h2{font-size:22px}.profile-shell .profile-figure p{font-size:12px}
  .profile-chapter{gap:0}.profile-narrative{display:contents}.profile-eyebrow{order:1}.profile-chapter h1{order:2}.profile-lead{order:3}.profile-figure{order:4;margin:10px 0 26px!important}.profile-prose{order:5}.profile-links{order:6}.profile-note{order:7}
  .profile-continuation{display:block;padding:8px 20px;min-height:0}.profile-continuation>span{display:none}.profile-shell .profile-next{width:100%;padding:10px 15px}
  .profile-chapters{display:grid;grid-template-columns:repeat(4,1fr);padding:0 12px}.profile-shell .profile-chapters button{font-size:10px;padding:9px 5px;justify-content:center}.profile-chapters button:nth-child(n+5){padding-top:6px;padding-bottom:8px}
  .profile-footer{padding:8px 20px}.profile-footer>span{display:none}.profile-shell .powered-by{gap:16px;font-size:10px}.powered-by img{width:18px;height:18px}.powered-by small{font-size:7px}
  .reader-context{gap:10px;padding:10px 14px;flex-wrap:wrap}.reader-context>span{font-size:16px}.profile-shell .reader-context button{font-size:11px;padding:7px 10px}.reader-context button:last-child{width:100%;text-align:left}
  .profile-original header{padding:10px;align-items:start;flex-wrap:wrap;gap:8px}.profile-original header>div{margin-left:auto}.profile-original button{font-size:12px}.original-scroll{padding:4px}.profile-tech{padding:24px}
}
@media(prefers-reduced-motion:reduce){.profile-shell *{scroll-behavior:auto;transition:none;animation:none}}
