/* Both website palettes cover every section of this local study. */
:root{--draft-bg:#faf9fc;--draft-surface:#f0edf5;--draft-raised:#e9e5f0;--draft-text:#292431;--draft-subtle:#706778;--draft-border:#d5cddd;--draft-link:#6250a5;--draft-glass:#faf9fce8;--draft-stage:#e8e3f0}
:root[data-theme=dark]{--draft-bg:#08070b;--draft-surface:#1b191f;--draft-raised:#29252f;--draft-text:#f5f2f9;--draft-subtle:#aaa2b5;--draft-border:#514956;--draft-link:#b5baff;--draft-glass:#1b191fe8;--draft-stage:#07060a}
.reference-study,.reference-study .cinema-track,.reference-study .cinema-hero,.reference-study .story-section{background:var(--draft-bg);color:var(--draft-text)}
.reference-study .header,.study-announcement,.highlights-section,.design-section{background:var(--draft-surface);color:var(--draft-text)}
.reference-study .header .wordmark,.reference-study .header nav>a,.reference-study .header .menu-trigger,.reference-study .header .theme-toggle,.cinema-title p,.cinema-title h1{color:var(--draft-text)}
.study-announcement{color:var(--draft-subtle)}.study-announcement a,.study-link{color:var(--draft-link)}
.cinema-whisper,.study-eyebrow,.story-paragraph,.mode-facts small,.viewer-note{color:var(--draft-subtle)}.story-paragraph strong{color:var(--draft-text)}
.demo-strip{background:var(--draft-raised);color:var(--draft-text)}.demo-strip p span{color:var(--draft-subtle)}
.product-nav{background:var(--draft-glass);border-color:var(--draft-border);color:var(--draft-text)}.product-explore summary{border-color:var(--draft-border)}.product-links{background:var(--draft-surface);border-color:var(--draft-border);box-shadow:0 15px 40px #271a361c}.product-links a:hover{background:var(--draft-raised)}
.circle-control,.carousel-dots{background:var(--draft-raised);color:var(--draft-text)}.circle-control:hover{background:var(--draft-border)}.carousel-dots button{background:var(--draft-subtle)}.carousel-dots button[aria-current=true]{background:var(--draft-text)}.carousel-dots button span{background:var(--draft-link)}
.mode-comparison{border-color:var(--draft-border)}.mode-comparison select{background:var(--draft-bg);color:var(--draft-text);border-color:var(--draft-border);color-scheme:light}:root[data-theme=dark] .mode-comparison select{color-scheme:dark}
.board-rise>p{color:var(--draft-subtle)}.design-viewer{background:var(--draft-stage)}.viewer-light{background:radial-gradient(ellipse at 50% 60%,#9571c124,transparent 64%)}.viewer-toolbar p{color:var(--draft-text)}.viewer-rotate{background:var(--draft-raised);border-color:var(--draft-border);color:var(--draft-text)}.swatch{border-color:var(--draft-stage);outline-color:var(--draft-border)}.swatch[aria-pressed=true]{outline-color:var(--draft-link)}
#detail-dialog{background:var(--draft-bg);color:var(--draft-text);border-color:var(--draft-border)}.detail-top button{background:var(--draft-raised);color:var(--draft-text)}
.reference-study .studio,.reference-study .footer{background:var(--draft-surface);color:var(--draft-text)}.reference-study .studio .subtle{color:var(--draft-subtle)}.reference-study .footer-logo,.reference-study .studio-mark{color:var(--draft-text)}
.reference-study .paper{background:var(--draft-bg);color:var(--draft-text)}
.light-source{background:#f4eaff;box-shadow:0 0 10px 3px #fff,0 0 30px 12px #9b72d060}.light-beam{width:160px;background:linear-gradient(90deg,transparent,#b9a5da50 25%,#e2d3f9b0 50%,#b9a5da50 75%,transparent)}.light-pool{background:radial-gradient(ellipse,#936cb350,#a788c930 35%,transparent 70%);width:310px;height:44px}
.spotlight-leo{width:230px;height:230px;left:calc(50% - 115px);top:calc(74% - 226px);filter:drop-shadow(0 8px 12px #60457724)}.gem-reflection{background-image:url('/site-20261023-v8/study-assets/leo-spotlight.png');width:200px;height:160px;left:calc(50% - 100px);top:69%;opacity:calc(var(--gem-opacity,1)*.1);filter:blur(4px);transform:scaleY(-.65);mask-image:linear-gradient(transparent,#000)}
.hive-display{width:620px;aspect-ratio:830/1045;display:flex;align-items:center;filter:drop-shadow(0 25px 30px #2a173b33)}.hive-display>svg{width:100%;height:100%;overflow:visible}.hive-display[hidden],.story-board[hidden]{display:none!important}.board-rise[data-preview-mode=hive] .rising-object{padding-top:30px}
#detail-dialog>img{height:auto;width:min(100%,680px);max-width:100%;border-radius:12px}.viewer-object{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
:root[data-theme=light] .board-highlight{background:radial-gradient(ellipse at 50% 70%,#d4c3e7,#eae3f2 75%);color:var(--draft-text)}:root[data-theme=light] .board-highlight h3{text-shadow:none}:root[data-theme=light] .highlight-bottom{background:linear-gradient(transparent,#eae3f2 65%);color:#4d3e5f}:root[data-theme=light] .hive-highlight{background:radial-gradient(ellipse,#d4e4d9,#edf2ee 75%);color:var(--draft-text)}:root[data-theme=light] .theme-highlight{background:radial-gradient(ellipse at 70% 80%,#dbcee8,#f0ebf5 75%);color:var(--draft-text)}:root[data-theme=light] .gem-highlight{background:radial-gradient(ellipse at 50% 75%,#dccaf6,#ede7f6 75%);color:var(--draft-text)}:root[data-theme=light] .highlight-card:not(.art-highlight) h3{text-shadow:none}
@media(max-width:760px){.spotlight-leo{width:170px;height:170px;left:calc(50% - 85px);top:calc(65% - 165px)}.light-beam{width:115px}.light-pool{width:210px;height:30px}.gem-reflection{width:140px;height:100px;left:calc(50% - 70px);top:61%}.hive-display{width:390px}.board-rise>p{display:block;position:relative;top:0;right:auto;margin:0 auto;padding-top:16px;width:calc(100% - 48px);max-width:none;text-align:center;font-size:11px;line-height:1.6;z-index:2}.rising-object{top:35px}.board-rise[data-preview-mode=hive] .rising-object{padding-top:20px}#detail-dialog>img{height:auto;width:100%;max-width:100%}}
@media(prefers-reduced-motion:reduce){.viewer-object{transition:none}}
.spotlight-leo{height:272px;top:calc(74% - 243px);overflow:hidden}.spotlight-leo>img{position:absolute;max-width:none;width:218.18182%;height:184.61538%;left:-118.18182%;top:-80.76923%;object-fit:fill}.gem-reflection{display:none;background-image:none}
.hive-cell{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}
@media(max-width:760px){.spotlight-leo{height:201px;top:calc(65% - 178px)}}
/* The user's selected portrait, composited with its generated silhouette mask. */
.spotlight-leo{width:272px;height:272px;left:calc(50% - 136px);top:calc(74% - 247px);overflow:visible}
.spotlight-leo>img{position:static;width:100%;height:100%;object-fit:contain;mask-image:url('/site-20261023-v8/study-assets/leo-selected-mask.png');mask-mode:luminance;mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center}
@media(max-width:760px){.spotlight-leo{width:201px;height:201px;left:calc(50% - 100.5px);top:calc(65% - 178px)}}