/* IM MEDIA: black space, ultraviolet material, Tiffany signals. */
:root,#opening,#impact,#challenge,#intelligence,#promotion,#work,#evidence,#film,#ai-ip,#contact{--night:#08090f;--paper:#eef2f9;--ink:#eef2f9;--violet:#a076ff;--mint:#65e2d2;--tiffany:#65e2d2;--motion-ink:#b2b2c5;--motion-ivory:#eef2f9;--motion-mint:#65e2d2;--motion-violet:#a076ff}
html{background:#08090f;color-scheme:dark}
body{background:#08090f;color:#eef2f9}
#opening .stage,#impact .stage,#challenge .stage,#intelligence .stage,#promotion .stage,#work .stage,#evidence .stage,#film .stage,#ai-ip .stage,#contact .stage{background:#08090f;color:#eef2f9}
#opening .hero-stage{background:#08090f}
#impact .stage,#evidence .stage,#contact .stage{background:radial-gradient(ellipse at 78% 32%,#23143860,transparent 55%),#08090f}
#intelligence .stage,#ai-ip .stage{background:radial-gradient(ellipse at 77% 48%,#29164d55,transparent 58%),#08090f}
#challenge .stage{background:radial-gradient(ellipse at 76% 40%,#27153d8c,transparent 60%),#08090f}
.stage .scene-kicker,.light .scene-kicker,#impact .scene-kicker,#intelligence .scene-kicker,#evidence .scene-kicker,#contact .scene-kicker{color:#8b879e}
.header .brand,body[data-theme=dark] .brand{color:#f0edf8}
.brand-monogram{background:linear-gradient(135deg,#65e2d2,#8c79ff 65%,#d6b8ff);background-clip:text;-webkit-background-clip:text}
.header select,.header .menu-open,body[data-theme=dark] .header select,body[data-theme=dark] .menu-open{background:#12131fbb;color:#e2deed;border-color:#b3a0d22e}
.header-pill.start-presentation,body[data-theme=dark] .start-presentation.header-pill{background:#65e2d2;color:#081714;border-color:#65e2d2}
.header-pill.start-presentation:hover{background:#9af2e4;color:#081714}
.hero-shade{background:linear-gradient(90deg,#08090f88,transparent 58%)}
.hero-copy h1,.hero-copy h1 em{color:#f3effa}
.hero-copy h1 em{color:#78e4d8}
.hero-copy p{color:#a4a0b4}
.hero-scene .scene-kicker{color:#8e879f}
.hero-action,.hero-action>div{color:#e6e0f0}
.round-play{background:#72e4d6;color:#081714;box-shadow:0 0 35px #65e2d221}
.round-play:hover{background:#af8bff;color:#08090f}
.hero-action small,.hero-footer,.hero-footer .pointer-note,.hero-footer>span:first-child,.hero-footer>span:last-child{color:#8b819e}
.hero-signal{color:#aaa0bc}
.hero-signal i{background:#aa83de38}.hero-signal i:after{background:#65e2d2}
.scene-copy h2,.challenge-copy h2{color:#f0ecf8}
.scene-copy h2 em,#impact h2 em,#intelligence h2 em,#evidence h2 em,#contact h2 em{color:#a681f8}
.scene-copy>p,.light .scene-copy>p,#impact .impact-copy>p,#intelligence .intelligence-copy>p{color:#aba3bb}
#impact .stage:after{background:linear-gradient(90deg,#08090f 0%,#08090ff7 22%,#08090f9c 38%,transparent 61%)}
#impact .impact-words{border-color:#a181ce35}
#impact .impact-words b{color:#e7e1ee}#impact .impact-words small{color:#90839f}#impact .impact-words>i{color:#65e2d2}
#impact .platform-cube{border:1px solid #bc9fec33;background:#e6e8f4;border-radius:12px;box-shadow:0 12px 30px #0006}
#impact .sculpture-note,#impact .content-sculpture>.motion-caption{color:#9b8aae}
.challenge-question{color:#b99af0}.challenge-copy p{color:#a79ab9}
.pain-lines button{color:#81718f;border-color:#9f7ad331}.pain-lines button.active{color:#d9c5f7;border-color:#9d77e7}
.motion-chart-label{fill:#ddd6ed}.motion-chart-note{fill:#b598ee}
#intelligence .analysis-card-top{border-color:#b393db36;color:#8b7a9e}
#intelligence .analysis-card-top>span:first-child,#intelligence .analysis-card-top i{color:#65e2d2}
#intelligence .analysis-card h3{color:#f0e9fa}#intelligence .analysis-card p{color:#a79ab9}
#intelligence .intelligence-copy>small{color:#81758f}
#intelligence .analysis-nav{border-color:#9b75cd35}
#intelligence .analysis-nav button,#intelligence .analysis-nav button span{color:#8e7fa2}
#intelligence .analysis-nav button.active,#intelligence .analysis-nav button.active span{color:#e8dbfb}
#intelligence .analysis-nav button:before{background:#65e2d2}
#intelligence .analysis-stack>.motion-caption{color:#92829f}
#intelligence .analysis-diagram-label{fill:#c9bbdd}#intelligence .analysis-diagram-footer{fill:#65e2d2}
#intelligence .analysis-intent-tree .motion-trace-base,#intelligence .analysis-audience-network .motion-trace-base,#intelligence .analysis-strategy-loop .motion-trace-base{stroke:#b797ec;opacity:.3}
#intelligence .strategy-art>span{color:#d4c5e8}
#promotion .promotion-art>img{mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent 0%,transparent 17%,#0008 41%,#000 57%)}
#promotion .promotion-copy h2{color:#eee6fa}#promotion .promotion-copy h2 em{color:#78e4d8}
#promotion .promotion-copy>p,#promotion .promotion-copy .channel-description{color:#aba0bd}
#promotion .channel-switch button{color:#8e7a9e}#promotion .channel-switch button.active{color:#79e3d5;border-color:#79e3d5}
#promotion .promotion-poster,#promotion .promotion-reference,#promotion .promotion-art>.motion-caption{color:#9481aa}
#promotion .promotion-platforms img:not(:first-child){background:#e8e8ee;border-radius:50%;padding:4px}
#promotion .network-destination>circle{fill:#121225;stroke:#9e7be358;fill-opacity:.98}
#work .work-top h2{color:#f0eafa}#work .work-top h2 em{color:#72e2d3}
#work .work-filters button{color:#978aa9}#work .work-filters button.active{color:#e6d7ff;border-color:#b49ae6}
#work .work-carousel{top:217px;bottom:145px;--radius:calc(clamp(1150px,89vw,1550px)*var(--count,13)/13);--card-h:clamp(325px,calc(100svh - 345px),560px);--card-max:565px;perspective:1800px}
#work .work-orbit{transform:translateZ(calc(var(--radius)*-1 + 92px)) rotateX(-9deg) rotateY(var(--rotation,0deg));top:calc(50% - var(--radius)*.1564)}
#work .work-card{box-shadow:0 25px 55px #0008,0 0 20px #7248b512}
#work .work-card.neighbour{filter:brightness(.75) saturate(.85)}
#work .work-card.current{filter:brightness(1);box-shadow:0 30px 65px #000a,0 0 35px #7b50c719}
#work .work-caption h3{color:#d9ccea}.work-motion-progress>i{background:#a076ff}
.presenting #work .work-carousel{bottom:211px;--card-h:clamp(290px,calc(100svh - 410px),490px)}
#evidence .case-heading h2,#evidence .case-numbers h3{color:#eee7fa}
#evidence .case-tabs button{color:#9c8bae;border-color:#aa86d035}#evidence .case-tabs button.active{color:#6de3d3;border-color:#6de3d3}
#evidence .case-phone small,#evidence .case-numbers>span{color:#a18cb7}#evidence .case-phone.after small{color:#74e4d5}
#evidence .case-phone>span{background:#1b1527;color:#b8e7df}
#evidence .case-source-meta{border-color:#9d79c838}#evidence .case-source-meta span{color:#a28cad}#evidence .case-source-meta strong{color:#d4c7e5}
#evidence .case-original-post,#evidence .case-numbers>a#case-report{color:#80e1d5;border-color:#80e1d54d}
#evidence .case-data-table th,#evidence .case-data-table td{color:#d6c8e7;border-color:#9d79c82e}
#evidence .case-data-table thead th,#evidence .case-data-table thead th:first-child,#evidence .case-data-table th:first-child{color:#aa98bc}
#evidence .case-data-table td:last-child,#evidence .case-data-table th:last-child{color:#76e7d5}
#evidence .case-cell-track{background:#9b75cf17}#evidence .case-cell-track i{background:#a17ad4}#evidence .case-column-before .case-cell-track i{background:#78668c}#evidence .case-column-final .case-cell-track i{background:#65e2d2}
#evidence .case-table-legend{color:#8e7b9e!important}
#evidence .case-contribution>span,#evidence .case-contribution>small{color:#a18cb0}#evidence .case-contribution>strong{color:#b895ff}
#evidence .case-report-observation{border-color:#9d79c833}#evidence .case-report-observation summary{color:#c2add7}#evidence .case-observation-text p{color:#a18daf}
#evidence .case-footnote{color:#9b86a9}
#film .stage:before{background:radial-gradient(ellipse at 73% 45%,#59307924,transparent 60%)}
#film .film-copy h2{color:#eee7fa}#film .film-copy h2 em{color:#70e4d4}
#film .film-frame,#film .film-frame video{background:#08090f}#film .film-copy>p{color:#a59ab3}
.aip-copy{top:24%;max-width:45%;z-index:6}.aip-copy h2{font-size:clamp(43px,5.1vw,78px);line-height:1.2}.aip-copy h2 em{color:#71e3d3}
.aip-copy>p{max-width:390px}.aip-modes{display:flex;gap:20px;margin-top:29px}
.aip-modes button{padding:10px 0;font-size:11px;color:#9582a6;border-bottom:1px solid #9d79c82b}.aip-modes button.active{color:#6de3d2;border-color:#6de3d2}
.aip-copy .aip-mode-description{font-size:12px;line-height:1.9;margin-top:18px;min-height:68px;max-width:375px;color:#ac9cbf}
.aip-sound{display:block;margin-top:19px;font-size:11px;padding:10px 0;color:#7ce5d7;border-bottom:1px solid #7ce5d746}
.aip-showcase{position:absolute;right:5.5%;top:27%;width:46%;perspective:1400px;z-index:5}
.aip-video-stage{position:relative;transform:rotateY(-9deg) rotateX(3deg);border:1px solid #a681ed44;background:#10101e;box-shadow:15px 26px 55px #0009,0 0 80px #6a3ab426;overflow:hidden;border-radius:12px}
.aip-video-stage video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#08090f}
.aip-preview-label{display:flex;align-items:center;padding:14px 17px;gap:9px;font-size:8px;letter-spacing:1.2px;color:#9b8aaf}.aip-preview-label i{width:5px;height:5px;background:#65e2d2;border-radius:50%;box-shadow:0 0 12px #65e2d2}.aip-preview-label b{font-weight:400;margin-left:auto;color:#9b87b2}
.aip-orbit{position:absolute;left:-5%;right:-5%;top:-10%;height:115%;border:1px solid #956ce730;border-radius:50%;transform:rotateX(62deg) rotateZ(-18deg);box-shadow:0 0 50px #7145b818}
.aip-waveform{height:48px;margin:11px 17px 0;position:relative;overflow:hidden;--progress:0}
.aip-waveform svg{width:100%;height:100%;fill:#694d8c}
.aip-waveform:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#65e2d238,transparent);transform:scaleX(var(--progress));transform-origin:left}
.aip-waveform>i{position:absolute;left:calc(var(--progress)*100%);top:3px;bottom:3px;width:1px;background:#65e2d2;box-shadow:0 0 12px #65e2d2;transition:left .25s linear}
.aip-media-meta{display:flex;justify-content:space-between;gap:16px;padding:7px 17px 16px;font-size:8px;line-height:1.6;color:#92819f}.aip-time{white-space:nowrap;color:#78c7be;font-variant-numeric:tabular-nums}
.aip-workflow{position:absolute;left:6%;right:6%;bottom:45px;padding-top:25px;border-top:1px solid #9d79c83b;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8f7a9f}
.aip-workflow>span{font-size:20px;transition:color .5s,text-shadow .5s}.aip-workflow>span.active{color:#78e9d6;text-shadow:0 0 25px #65e2d24a}.aip-workflow>i{font-style:normal;color:#785591}.aip-workflow>small{position:absolute;bottom:-23px;right:0;font-size:8px;color:#776184}
.presenting .aip-workflow{bottom:110px}
#contact .closing-small{color:#b39dc7}#contact .closing-logo{position:absolute;left:6%;top:31%;width:40%;height:35%;object-fit:contain;object-position:left center;mix-blend-mode:screen}
#contact .closing-contact,#contact .closing-contact>span{color:#d9c8ec}#contact .closing-contact>i{color:#65e2d2;border-color:#65e2d252}
#contact .closing-contact:hover>i{background:#65e2d2;border-color:#65e2d2;color:#08090f}
#contact .closing-process{border-color:#9d79c83d;color:#b9a5cb}#contact .closing-process i{color:#65e2d2}#contact footer{color:#9580a6}
.menu-dialog{background:#0e0c17;color:#e5dcf0}.menu-title,.scope>span{color:#9c85b5}.menu-title,.menu-links a,.scope p{border-color:#aa82d337}.menu-links small,.menu-links i{color:#9a76c8}.scope p{color:#b5a1c7}.scope>a{color:#6cddcf}
.deck-control{background:#151020ef;border-color:#a485d337;box-shadow:0 15px 45px #0008}.deck-track{background:#b48cd02a}.deck-track i{background:#65e2d2}.deck-buttons button{border-color:#ac87d333;color:#d5c6e4}
.scene-rail a{color:#897195}.scene-rail a.active{color:#67e5d2}.page-progress i{background:#65e2d2}
@media(min-width:1700px){#work .work-carousel{--radius:calc(1560px*var(--count,13)/13);--card-h:min(57svh,680px);--card-max:790px;perspective:2350px}}
@media(max-height:760px) and (min-width:761px){#work .work-carousel{top:190px;bottom:140px;--card-h:calc(100svh - 305px);--card-max:565px}.presenting #work .work-carousel{bottom:205px;--card-h:calc(100svh - 370px)}.aip-copy{top:25%}.aip-copy h2{font-size:52px}.aip-copy>p{font-size:12px;margin-top:20px}.aip-modes{margin-top:20px;gap:20px}.aip-copy .aip-mode-description{font-size:11px;max-width:345px;min-height:57px;margin-top:13px}.aip-sound{margin-top:11px}.aip-showcase{top:26%;width:46%}.aip-preview-label{padding:11px 15px}.aip-waveform{height:34px;margin-top:7px}.aip-media-meta{font-size:7px;padding-bottom:11px}.aip-workflow{bottom:35px;padding-top:20px}.aip-workflow>span{font-size:18px}.presenting .aip-workflow{bottom:100px}}
@media(max-width:1050px) and (min-width:761px){.aip-copy h2{font-size:46px}.aip-copy>p{font-size:12px}.aip-modes{gap:14px}.aip-modes button{font-size:10px}.aip-copy .aip-mode-description{font-size:11px;max-width:330px}.aip-showcase{right:5%;width:44%;top:30%}.aip-media-meta{flex-wrap:wrap;gap:5px}.aip-workflow>span{font-size:17px}}
@media(max-width:760px){
 .hero-shade{background:linear-gradient(180deg,#08090f 0%,#08090f85 35%,transparent 70%),linear-gradient(0deg,#08090fbb,transparent 27%)}
 #impact .stage:after{background:linear-gradient(180deg,#08090f,transparent 39%);z-index:3}
 #promotion .promotion-art>img{mask-image:linear-gradient(180deg,transparent,#000 15%,#000 93%,transparent)}
 #work .work-carousel{top:300px;bottom:205px;--radius:calc(720px*var(--count,13)/13);--card-h:400px;--card-max:350px;perspective:1250px}
 #work .work-orbit{transform:translateZ(calc(var(--radius)*-1 + 40px)) rotateX(-8deg) rotateY(var(--rotation,0deg));top:calc(50% - var(--radius)*.1392)}
 .presenting #work .work-carousel{bottom:271px;--card-h:400px}
 #ai-ip .stage{min-height:1100px;padding-bottom:45px}.aip-copy{position:relative;top:auto;left:auto;margin-top:35px;max-width:none}.aip-copy h2{font-size:43px;letter-spacing:-1.5px}.aip-copy>p{font-size:12px;max-width:none}.aip-modes{gap:22px;margin-top:24px}.aip-modes button{font-size:10px}.aip-copy .aip-mode-description{font-size:11px;line-height:1.9;margin-top:17px;min-height:62px;max-width:none}.aip-sound{font-size:11px;margin-top:12px}
 .aip-showcase{position:relative;right:auto;top:auto;width:100%;margin:38px 0 0;perspective:900px}.aip-video-stage{transform:rotateY(-4deg) rotateX(2deg);border-radius:7px}.aip-preview-label{font-size:6px;padding:12px 13px;letter-spacing:1px}.aip-waveform{height:38px;margin:10px 13px 0}.aip-media-meta{font-size:7px;padding:6px 13px 12px;gap:12px;align-items:center}
 .aip-workflow,.presenting .aip-workflow{position:relative;left:auto;right:auto;bottom:auto;margin-top:42px;padding-top:22px;gap:11px;flex-wrap:wrap}.aip-workflow>span{font-size:13px}.aip-workflow>i{font-size:11px}.aip-workflow>small{font-size:7px;bottom:-25px}.presenting #ai-ip .stage{padding-bottom:115px}
 #contact .closing-logo{position:relative;left:auto;top:auto;display:block;width:95%;height:200px;margin-top:20px;object-position:left center}
}
@media(prefers-reduced-motion:reduce){.aip-workflow>span,.aip-waveform>i{transition:none}}

#intelligence .analysis-stack>.motion-caption{display:none}

/* Keep the sample clear of the production flow and presentation controls on laptops. */
@media(min-width:761px){.aip-showcase{width:min(46%,calc((100svh - 480px)*1.7778))}.presenting .aip-showcase{width:min(46%,calc((100svh - 535px)*1.7778))}}

/* Tightly packed exhibition: JS computes angles from each poster's real width. */
#work .work-carousel{perspective:1900px}
#work .work-orbit{transform:translateZ(calc(var(--radius)*-1 + 130px)) rotateX(-9deg) rotateY(var(--rotation,0deg))}
#work .work-card.neighbour{filter:brightness(.88) saturate(.95)}
@media(min-width:761px){
 #film .film-frame{right:2%;width:min(54.5%,calc((100svh - 145px)*1.0588));transform:translateY(-45%)}
 .presenting #film .film-frame{width:min(53%,calc((100svh - 215px)*1.0588));transform:translateY(-49%)}
 #film .film-copy{max-width:36%}
}
@media(max-width:760px){
 #work .work-carousel{perspective:1350px}
 #work .work-orbit{transform:translateZ(calc(var(--radius)*-1 + 60px)) rotateX(-8deg) rotateY(var(--rotation,0deg))}
 #film .film-frame,.presenting #film .film-frame{width:calc(100% + 13.64%);margin-left:-6.82%;margin-right:-6.82%}
}