/* Product reading pages only. Existing photographs, typefaces and navigation. */
#app .ci-page .ui-main{height:auto!important;overflow:visible!important;max-width:1320px!important;padding-bottom:100px!important}
#app .ci-page .journey-card-intro{align-items:center!important;margin-top:22px!important;min-height:540px;max-width:none!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr)!important}
#app .ci-page .journey-card-intro>.exp-monologue-art{max-width:480px}
#app .ci-page .journey-card-intro>img{max-height:570px!important}
html[data-yuni-surface='public'] #app .ci-page .journey-card-copy .ci-hero-title{font-family:var(--yuni-editorial-serif)!important;font-size:clamp(28px,2.5vw,38px)!important;line-height:1.45!important;margin:12px 0 18px!important;font-weight:600!important}
#app .ci-page .journey-card-copy .ci-eyebrow{font-size:13px!important;color:#7d735f;letter-spacing:.08em!important}
#app .ci-page .journey-card-copy .ci-subtitle{font-size:19px!important;color:#526c7a;line-height:1.6!important;margin-bottom:18px!important}
#app .ci-page .ci-tags{display:flex;flex-wrap:wrap;list-style:none;gap:7px 15px;margin:20px 0;padding:0}
#app .ci-page .ci-tags li{font-size:14px!important;color:#6c746f;border-bottom:1px solid #dadfd8;padding:0 0 5px!important}
#app .ci-page .ci-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:22px}
#app .ci-page .ci-actions a{flex:none;width:auto;white-space:normal;font-size:15px!important;line-height:1.5!important}
#app .ci-page .ci-activation{font-weight:400!important;color:#003cb5;font-size:15px!important;text-decoration:none}
#app .ci-page .ci-activation:hover{text-decoration:underline}
#app .ci-page .ci-content{max-width:1200px;margin:64px auto 0;color:#234d6b}
#app .ci-page .ci-content{width:100%;min-width:0;box-sizing:border-box}
#app .ci-page .ci-content :is(section,article,header,div,li){min-width:0}
#app .ci-page .ci-content img{max-width:100%}
#app .ci-page .ci-content p{font-size:17px!important;line-height:1.8!important;margin:0 0 12px!important;letter-spacing:normal}
html[data-yuni-surface='public'] #app .ci-page .ci-content h2{font-family:var(--yuni-editorial-serif)!important;font-size:clamp(24px,2.1vw,30px)!important;line-height:1.5!important;letter-spacing:normal!important;margin:10px 0 16px!important;font-weight:600}
html[data-yuni-surface='public'] #app .ci-page .ci-content h3{font-family:var(--yuni-editorial-sans)!important;font-size:18px!important;line-height:1.55!important;margin:8px 0 10px!important;font-weight:600}
#app .ci-page .ci-section{padding:48px 0;border-top:1px solid #dce3e3}
#app .ci-page .ci-kicker{font-family:var(--yuni-editorial-sans);font-size:13px!important;color:#82745f;letter-spacing:.08em}
#app .ci-page .ci-section>header{max-width:850px;margin-bottom:26px}
#app .ci-page .ci-scenarios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px}
#app .ci-page .ci-scenarios article{padding:20px 22px;background:#fffdf7db;border:1px solid #e6e1d6;border-radius:12px}
#app .ci-page .ci-number{font-size:13px;color:#9a8061}
#app .ci-page .ci-perspective{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:50px;align-items:center}
#app .ci-page .ci-perspective blockquote{font-size:19px;line-height:1.6;margin:20px 0 12px;padding:10px 0 10px 18px;border-left:2px solid #b4a184;color:#6b685d}
#app .ci-page .ci-observations{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:center}
#app .ci-page .ci-observations>span{display:flex;flex-direction:column;gap:10px;border-radius:50%;aspect-ratio:1;align-items:center;justify-content:center;background:#f5f0e7d9;border:1px solid #e4dccd;font-size:22px;text-align:center;padding:10px}
#app .ci-page .ci-observations small{font-size:13px;color:#6d7e83;line-height:1.6}
#app .ci-page .ci-directions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
#app .ci-page .ci-directions article{border-top:2px solid #c1d0c7;padding-top:14px}
#app .ci-page .ci-directions p{font-size:16px!important}
#app .ci-page .ci-section-ending{margin-top:24px!important;color:#687b83}
#app .ci-page .ci-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:28px;padding:0;margin:0}
#app .ci-page .ci-steps>li{padding:20px 22px;background:#f6f3ecdb;border-radius:12px}
#app .ci-page .ci-steps>li>span{font-size:24px;color:#aa9578}
#app .ci-page .ci-uses{display:grid;grid-template-columns:1fr 1fr;gap:32px}
#app .ci-page .ci-uses article{border-left:2px solid #a7bcbf;padding:0 22px}
#app .ci-page .ci-trial{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:48px;align-items:center}
#app .ci-page .ci-trial>img{display:block;max-width:100%;width:330px;max-height:430px;object-fit:contain;transform:rotate(-2deg);margin:auto;filter:drop-shadow(0 8px 12px #625c4815)}
#app .ci-page .ci-note{font-size:14px!important;color:#6e7b80}
#app .ci-page .ci-boundary{padding:26px 0;border-top:1px solid #dce3e3;border-bottom:1px solid #dce3e3}
#app .ci-page .ci-boundary h2{font-size:20px!important}
#app .ci-page .ci-boundary p{font-size:15px!important;max-width:1000px;color:#687b83}
#app .ci-page .ci-finale{display:grid;grid-template-columns:210px minmax(0,1fr);gap:40px;align-items:center;padding:48px 0 0}
#app .ci-page .ci-finale>img{display:block;width:100%;height:250px;object-fit:cover;border-radius:12px}
@media(max-width:950px){#app .ci-page .ci-directions{grid-template-columns:repeat(3,minmax(0,1fr))}#app .ci-page .ci-perspective{gap:24px}#app .ci-page .ci-content{margin-top:36px}}
@media(max-width:850px){#app .ci-page .journey-card-intro{grid-template-columns:1fr!important;min-height:0;gap:26px!important}#app .ci-page .journey-card-copy{max-width:none!important}#app .ci-page .ci-content{max-width:720px}#app .ci-page .ci-section{padding:32px 0}#app .ci-page .ci-scenarios,#app .ci-page .ci-steps,#app .ci-page .ci-uses,#app .ci-page .ci-perspective,#app .ci-page .ci-trial{grid-template-columns:1fr;gap:20px}#app .ci-page .ci-directions{grid-template-columns:repeat(2,minmax(0,1fr))}#app .ci-page .ci-observations{max-width:400px;width:100%;margin:auto}#app .ci-page .ci-trial>img{max-height:330px;width:auto;max-width:100%}#app .ci-page .ci-content p{font-size:16px!important}#app .ci-page .ci-finale{grid-template-columns:130px minmax(0,1fr);gap:20px;align-items:start}#app .ci-page .ci-finale>img{height:180px}}
@media(max-width:480px){#app .ci-page .ci-directions{grid-template-columns:1fr}#app .ci-page .ci-directions article{padding:12px 0 0}#app .ci-page .ci-finale{grid-template-columns:1fr}#app .ci-page .ci-finale>img{width:160px;height:180px}#app .ci-page .ci-actions{gap:12px}#app .ci-page .ci-scenarios article{padding:18px}#app .ci-page .ci-content h2{font-size:24px!important}}
@media(max-width:850px){#app .ci-page .journey-card-intro>img{max-height:380px!important}#app .ci-page .ci-observations{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Monologue: a magazine essay, with blue / yellow accents and a fixed scene. */
html[data-yuni-surface='public'] #app .ci-monologue.ref-monologue-intro-page::before{
 position:fixed!important;inset:0!important;background-image:url('/experience/monologue-quiet-white.png')!important;
 background-size:auto 840px!important;background-position:right 0 bottom -36px!important;background-repeat:no-repeat!important;
 pointer-events:none;z-index:-1;
}
#app .ci-monologue .journey-card-intro{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr)!important;gap:clamp(30px,5vw,72px)!important;min-height:520px}
#app .ci-monologue .journey-card-copy{padding:24px 0!important;background:linear-gradient(90deg,#ffffffee,#ffffffc9 90%,#ffffff00)}
#app .ci-monologue .journey-card-copy .cm-opening{font-size:19px!important;line-height:1.9!important;margin-bottom:22px!important;color:#536a76}
#app .ci-monologue .cm-palette{display:flex;align-items:center;gap:8px;margin:22px 0;font-size:13px;color:#78848b}
#app .ci-monologue .cm-palette i{width:12px;height:12px;border-radius:50%;background:#91b9d5}
#app .ci-monologue .cm-palette i+i{background:#e4c67b;margin-right:6px}
#app .ci-monologue .cm-editorial{max-width:1100px;margin-top:54px}
#app .ci-monologue .cm-editorial>.ci-section{padding:42px 24px;background:#ffffffed;border-color:#d9e1e6}
#app .ci-monologue .cm-heading{display:flex;gap:22px;align-items:flex-start;max-width:none!important;margin-bottom:26px!important}
#app .ci-monologue .cm-heading .cm-index{font-family:var(--yuni-editorial-serif);font-size:38px;line-height:1.3;font-weight:400;color:#a9bdc7;min-width:50px;padding-top:5px}
#app .ci-monologue .cm-heading h2{margin-top:6px!important}
#app .ci-monologue .cm-prose{max-width:780px;margin-left:72px}
#app .ci-monologue .cm-prose p{margin-bottom:16px!important}
#app .ci-monologue .cm-prose .cm-pullquote{font-family:var(--yuni-editorial-serif);font-size:clamp(23px,2vw,28px);font-weight:500;line-height:1.7;color:#355d79;border:0;margin:30px 0;padding:20px 0 20px 24px;border-left:3px solid #e5cd91;background:linear-gradient(90deg,#fcf8ee,transparent)}
#app .ci-monologue .cm-emphasis{font-weight:600;padding:14px 0;color:#345f7c}
#app .ci-monologue .cm-dialogue{display:grid;gap:20px;max-width:850px;margin:28px 0 20px 72px}
#app .ci-monologue .cm-dialogue article{border-left:2px solid #bdd1df;padding:18px 24px;background:linear-gradient(90deg,#f0f6fa,#ffffff)}
#app .ci-monologue .cm-dialogue article:nth-child(2){border-color:#e2ca87;background:linear-gradient(90deg,#fbf7ec,#fff);margin-left:30px}
#app .ci-monologue .cm-dialogue article:nth-child(3){margin-left:60px}
#app .ci-monologue .cm-dialogue article>span{font-size:13px;color:#6c828e}
#app .ci-monologue .cm-dialogue blockquote{font-family:var(--yuni-editorial-serif);font-size:24px;line-height:1.7;color:#2e5978;border:0;padding:0;margin:12px 0}
#app .ci-monologue .cm-dialogue p{font-size:16px!important;max-width:650px}
#app .ci-monologue .cm-paths{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;margin-left:72px}
#app .ci-monologue .cm-paths article{border-top:1px solid #d8e1e6;padding-top:14px}
#app .ci-monologue .cm-closing-line{font-family:var(--yuni-editorial-serif);font-size:20px!important;color:#6e7d80;margin:26px 0 0 72px!important}
#app .ci-monologue .cm-series{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
#app .ci-monologue .cm-series article{display:flex;flex-direction:column;border-radius:4px 18px 4px 18px;border-top:3px solid #9cbed5;padding:24px 22px;background:#f1f6f9}
#app .ci-monologue .cm-series article:nth-child(2){border-color:#dec16e;background:#fcf8ed}
#app .ci-monologue .cm-series article:nth-child(3){border-color:#a9bebc;background:#f1f6f4}
#app .ci-monologue .cm-series article>span{font-size:13px;color:#627e8f}
#app .ci-monologue .cm-series h3{font-size:21px!important;margin:16px 0!important}
#app .ci-monologue .cm-series p{font-size:16px!important}
#app .ci-monologue .cm-series small{font-size:13px;color:#74828a;margin-top:auto;padding-top:14px}
#app .ci-monologue .ci-steps{gap:18px}
#app .ci-monologue .ci-steps>li{background:#f4f7f8}
#app .ci-monologue .cm-uses{margin-top:32px}
#app .ci-monologue .cm-ending{background:linear-gradient(90deg,#fffffff5 65%,#ffffff99);padding:46px 24px 24px;border-top:1px solid #d9e1e6;max-width:100%}
#app .ci-monologue .cm-ending h2{font-size:clamp(26px,2.4vw,34px)!important;line-height:1.6!important}
#app .ci-monologue .cm-safety{margin-top:30px!important;max-width:720px;font-size:13px!important}
@media(max-width:850px){
 html[data-yuni-surface='public'] #app .ci-monologue.ref-monologue-intro-page::before{background-size:auto 460px!important;background-position:right 0 bottom -20px!important}
 #app .ci-monologue .journey-card-intro{grid-template-columns:1fr!important}
 #app .ci-monologue .journey-card-copy{padding:0!important}
 #app .ci-monologue .cm-editorial{margin-top:32px}
 #app .ci-monologue .cm-editorial>.ci-section{padding:30px 12px}
 #app .ci-monologue .cm-heading{gap:12px;margin-bottom:18px!important}
 #app .ci-monologue .cm-heading .cm-index{font-size:30px;min-width:38px}
 #app .ci-monologue .cm-prose,#app .ci-monologue .cm-paths,#app .ci-monologue .cm-dialogue{margin-left:0}
 #app .ci-monologue .cm-series{grid-template-columns:1fr}
 #app .ci-monologue .cm-paths{grid-template-columns:1fr;gap:18px}
 #app .ci-monologue .cm-closing-line{margin-left:0!important;font-size:18px!important}
 #app .ci-monologue .cm-dialogue article{padding:16px}
 #app .ci-monologue .cm-dialogue article:nth-child(2),#app .ci-monologue .cm-dialogue article:nth-child(3){margin-left:0}
 #app .ci-monologue .cm-dialogue blockquote{font-size:22px}
 #app .ci-monologue .cm-ending{padding:32px 12px}
}

/* Daily: observations, objects and moments; the paper corner stays in view. */
html[data-yuni-surface='public'] #app .ci-daily.ref-you-page::before{position:fixed!important;inset:0!important;background-size:200% 200%!important;background-position:left top!important;pointer-events:none;z-index:-1}
html[data-yuni-surface='public'] #app .ci-daily.ref-you-page::after{position:fixed!important;right:0!important;bottom:0!important;width:min(50vw,640px)!important;height:320px!important;aspect-ratio:auto!important;background-size:contain!important;background-position:right bottom!important;pointer-events:none;z-index:-1}
#app .ci-daily .journey-card-copy{background:linear-gradient(90deg,#ffffffbf,#ffffff90 90%,transparent);padding:18px 0!important}
#app .ci-daily .journey-card-copy .cd-first-question{font-size:18px!important;color:#7c6957;margin:18px 0!important}
#app .ci-daily .cd-editorial{max-width:1100px;margin-top:50px}
#app .ci-daily .cd-editorial>.ci-section{background:#fffefaec;padding:40px 24px;border-color:#e5ddd1}
#app .ci-daily .cd-heading{margin-bottom:24px!important;max-width:900px!important}
#app .ci-daily .cd-prose{max-width:850px}
#app .ci-daily .cd-pullquote{font-family:var(--yuni-editorial-serif);font-size:26px;line-height:1.7;color:#80694e;border:0;border-left:2px solid #c8ac7c;padding:12px 0 12px 22px;margin:26px 0;background:linear-gradient(90deg,#faf4e8,transparent)}
#app .ci-daily .cd-observation-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
#app .ci-daily .cd-observation-grid article{padding:22px 24px;border:1px solid #e5ddd0;border-radius:4px 18px 4px 4px;background:#fbf7ef}
#app .ci-daily .cd-observation-grid article:nth-child(2),#app .ci-daily .cd-observation-grid article:nth-child(3){background:#f7f8f3}
#app .ci-daily .cd-detail-label{font-size:13px;font-weight:500;letter-spacing:.04em;color:#8b7053}
#app .ci-daily .cd-observation-grid h3{margin:14px 0 12px!important}
#app .ci-daily .cd-ending-line{font-family:var(--yuni-editorial-serif);font-size:19px!important;color:#6f776e;margin-top:24px!important;max-width:850px}
#app .ci-daily .cd-two-stories{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0}
#app .ci-daily .cd-two-stories article{border-top:2px solid #c0ad8f;padding:20px 24px;background:linear-gradient(#faf4e8,#fffefa)}
#app .ci-daily .cd-two-stories article+article{border-color:#a8b8c0;background:linear-gradient(#f0f5f7,#fffefa)}
#app .ci-daily .cd-two-stories article>span{font-size:13px;color:#7c817d}
#app .ci-daily .cd-two-stories blockquote{font-family:var(--yuni-editorial-serif);font-size:27px;line-height:1.6;margin:18px 0;padding:0;border:0;color:#46627a}
#app .ci-daily .cd-directions{margin-top:28px}
#app .ci-daily .cd-directions article{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;padding:24px 0;border-top:1px solid #e2e2d8}
#app .ci-daily .cd-directions article>.cd-detail-label{padding-top:12px;font-size:15px;line-height:1.6}
#app .ci-daily .cd-directions p{max-width:780px}
#app .ci-daily .cd-series{display:grid;gap:20px;margin-top:28px}
#app .ci-daily .cd-series article{display:grid;grid-template-columns:140px minmax(0,1fr);gap:26px;border:1px solid #e8dfd1;border-radius:12px;padding:26px;background:#faf5eb}
#app .ci-daily .cd-series article:nth-child(2){background:#f4f6ef;border-color:#dfe3d6}
#app .ci-daily .cd-series article:nth-child(3){background:#f4f7f7;border-color:#dbe3e4}
#app .ci-daily .cd-series-count{border-right:1px solid #d6cdbc;display:flex;flex-direction:column;gap:12px;justify-content:center}
#app .ci-daily .cd-series-count>span{font-size:13px;color:#8d7b64}
#app .ci-daily .cd-series-count strong{font-family:var(--yuni-editorial-serif);font-size:45px;font-weight:400;color:#a58f6c;line-height:1.2}
#app .ci-daily .cd-series-count small{font-family:var(--yuni-editorial-sans);font-size:13px;margin-left:8px}
#app .ci-daily .cd-series h3{font-size:21px!important}
#app .ci-daily .cd-series-note{margin-top:20px!important}
#app .ci-daily .cd-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin:28px 0;gap:20px}
#app .ci-daily .cd-steps>li{padding:22px 24px;background:#f6f2e9;border-radius:10px}
#app .ci-daily .cd-steps>li>span{font-size:14px;color:#9c8159}
#app .ci-daily .cd-steps h3{margin-top:14px!important}
#app .ci-daily .cd-uses{margin-top:32px}
#app .ci-daily .cd-ending{background:linear-gradient(90deg,#fffefaf5,#fffefaad);padding:42px 24px 24px;border-top:1px solid #e5ddd1}
#app .ci-daily .cd-ending h2{font-size:clamp(25px,2.4vw,33px)!important;line-height:1.6!important}
#app .ci-daily .cd-safety{margin-top:28px!important;font-size:13px!important;max-width:850px}
@media(max-width:850px){
 html[data-yuni-surface='public'] #app .ci-daily.ref-you-page::after{width:300px!important;height:150px!important}
 #app .ci-daily .journey-card-copy{padding:0!important}
 #app .ci-daily .cd-editorial{margin-top:32px}
 #app .ci-daily .cd-editorial>.ci-section{padding:30px 12px}
 #app .ci-daily .cd-heading{margin-bottom:18px!important}
 #app .ci-daily .cd-pullquote{font-size:23px;padding-left:16px}
 #app .ci-daily .cd-observation-grid,#app .ci-daily .cd-two-stories,#app .ci-daily .cd-steps{grid-template-columns:1fr;gap:18px}
 #app .ci-daily .cd-directions article{grid-template-columns:1fr;gap:4px;padding:18px 0}
 #app .ci-daily .cd-directions article>.cd-detail-label{padding-top:0}
 #app .ci-daily .cd-series article{grid-template-columns:80px minmax(0,1fr);gap:16px;padding:18px 16px}
 #app .ci-daily .cd-series-count strong{font-size:34px}
 #app .ci-daily .cd-series-count{justify-content:flex-start}
 #app .ci-daily .cd-series h3{font-size:19px!important}
 #app .ci-daily .cd-ending{padding:30px 12px}
}

/* Intimacy: paired perspectives and spatial relationships. */
html[data-yuni-surface='public'] #app .ci-intimacy.ref-intimacy-intro-page.ref-unified-secondary{background:#fff!important;position:relative;isolation:isolate}
html[data-yuni-surface='public'] #app .ci-intimacy.ref-intimacy-intro-page::before{content:'';position:fixed!important;inset:0!important;pointer-events:none;z-index:-1;background:url('/experience/intimacy-quiet-chairs.png') right bottom/max(1100px,100vw) auto no-repeat!important}
html[data-yuni-surface='public'] #app .ci-intimacy.ref-intimacy-intro-page .ui-main{width:90%!important;max-width:1320px!important;min-height:100dvh;height:auto!important;overflow:visible!important;padding-bottom:80px!important}
html[data-yuni-surface='public'] #app .ci-intimacy .ref-intimacy-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr)!important;gap:clamp(32px,4vw,64px)!important;min-height:0!important;margin:28px 0 0!important;align-items:center!important;max-width:none!important}
html[data-yuni-surface='public'] #app .ci-intimacy .ref-intro-art>img{width:100%!important;height:auto!important;max-height:580px!important;object-fit:contain!important;margin:0!important;max-width:480px!important;border-radius:12px}
#app .ci-intimacy .ref-intro-copy{max-width:740px!important;background:linear-gradient(90deg,#fffffff0,#ffffffa0 90%,transparent)}
html[data-yuni-surface='public'] #app .ci-intimacy .ref-intro-copy p{font-family:var(--yuni-editorial-sans)!important;font-size:17px!important;line-height:1.8!important;margin:0 0 14px!important}
html[data-yuni-surface='public'] #app .ci-intimacy .ref-intro-copy h1{font-size:34px!important;line-height:1.4!important;margin:12px 0 18px!important}
html[data-yuni-surface='public'] #app .ci-intimacy .ref-intro-copy .cr-hero-title{font-family:var(--yuni-editorial-serif)!important;font-size:clamp(24px,2.1vw,30px)!important;line-height:1.6!important;margin:0 0 22px!important}
html[data-yuni-surface='public'] #app .ci-intimacy .ref-intro-copy .cr-eyebrow{font-size:13px!important;color:#7f7f73;line-height:1.6!important}
html[data-yuni-surface='public'] #app .ci-intimacy .ref-intro-copy .cr-hero-closing{font-size:20px!important;color:#4b6a7b;margin-top:20px!important}
#app .ci-intimacy .cr-tags{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:20px 0;gap:8px 16px}
#app .ci-intimacy .cr-tags li{font-size:14px;color:#68808a;border-bottom:1px solid #cbd8dd;padding-bottom:5px}
#app .ci-intimacy .cr-editorial{max-width:1100px;margin-top:56px}
#app .ci-intimacy .cr-editorial>.ci-section{padding:40px 24px;background:#fffffff0;border-color:#d5e0e5}
#app .ci-intimacy .cr-heading{max-width:900px!important;margin-bottom:24px!important}
#app .ci-intimacy .cr-prose{max-width:850px}
#app .ci-intimacy .cr-pullquote{font-family:var(--yuni-editorial-serif);font-size:25px;line-height:1.7;color:#496e84;margin:28px 0;padding:14px 20px;border:0;border-left:2px solid #9ebcc9;background:linear-gradient(90deg,#eff6f9,transparent)}
#app .ci-intimacy .cr-emphasis{font-size:19px!important;color:#496e84;margin-top:24px!important}
#app .ci-intimacy .cr-view-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:26px 0}
#app .ci-intimacy .cr-view-pair article{padding:22px 24px;background:#f0f6f8;border-top:2px solid #a0becb}
#app .ci-intimacy .cr-view-pair article+article{background:#f8f5ed;border-color:#cfc19d}
#app .ci-intimacy .cr-view-pair article>span{font-size:13px;color:#78838b}
#app .ci-intimacy .cr-view-pair h3{font-family:var(--yuni-editorial-serif)!important;font-size:24px!important;line-height:1.65!important;margin:16px 0!important}
#app .ci-intimacy .cr-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
#app .ci-intimacy .cr-dimensions article{display:flex;flex-direction:column;padding:22px;background:#f2f6f8;border-radius:12px;border-top:2px solid #a5c0ce}
#app .ci-intimacy .cr-dimensions article:nth-child(2){background:#f5f6ef;border-color:#b9c6ad}
#app .ci-intimacy .cr-dimensions article:nth-child(3){background:#faf5eb;border-color:#d5c299}
#app .ci-intimacy .cr-dimensions article>span,#app .ci-intimacy .cr-play-teasers article>span{font-size:13px;color:#7c897f}
#app .ci-intimacy .cr-dimensions h3{font-size:20px!important;margin:16px 0!important}
#app .ci-intimacy .cr-dimensions small{font-size:13px;color:#75838b;margin-top:auto;padding-top:12px}
#app .ci-intimacy .cr-section-note{margin-top:20px!important}
#app .ci-intimacy .cr-tools{display:grid;gap:22px;margin-top:28px}
#app .ci-intimacy .cr-tools article{display:grid;grid-template-columns:38px 200px minmax(0,1fr);align-items:center;gap:22px;padding:22px 0;border-top:1px solid #dce5e9}
#app .ci-intimacy .cr-tools img{width:200px;height:150px;object-fit:cover;border-radius:8px;display:block}
#app .ci-intimacy .cr-tool-number{font-family:var(--yuni-editorial-serif);font-size:28px;color:#a7b9c4;align-self:start;padding-top:5px}
#app .ci-intimacy .cr-space-demo{height:150px;display:flex;align-items:center;justify-content:center;gap:20px;position:relative;background:#f1f6f7;border-radius:8px;padding-bottom:20px}
#app .ci-intimacy .cr-space-demo i{width:35px;height:60px;border-radius:4px;border:1px solid #a5bcc8;background:#e0eaf0;transform:rotate(-8deg)}
#app .ci-intimacy .cr-space-demo i:last-of-type{background:#f0e7ce;border-color:#cabf9f;transform:rotate(8deg)}
#app .ci-intimacy .cr-space-demo>span{color:#8b9fa7;font-size:24px}
#app .ci-intimacy .cr-space-demo small{position:absolute;bottom:16px;font-size:12px;color:#7c8c94}
#app .ci-intimacy .cr-play-teasers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px}
#app .ci-intimacy .cr-play-teasers article{padding:20px;border:1px solid #d9e3e8;border-radius:10px;background:#f8fbfc}
#app .ci-intimacy .cr-play-teasers h3{font-size:21px!important;margin:14px 0!important}
#app .ci-intimacy .cr-use-list{display:grid;gap:24px}
#app .ci-intimacy .cr-use-list article{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;padding-top:18px;border-top:1px solid #dce5e9}
#app .ci-intimacy .cr-use-list article>span{font-size:15px;color:#7b949f;padding-top:9px}
#app .ci-intimacy .cr-online{margin-top:30px;padding:24px;background:#f0f6f9;border-radius:12px;max-width:100%}
#app .ci-intimacy .cr-ending{padding:40px 24px;background:linear-gradient(90deg,#fffffff5,#ffffffa0);border-top:1px solid #d5e0e5}
#app .ci-intimacy .cr-ending h2{font-size:clamp(26px,2.4vw,33px)!important;line-height:1.6!important}
#app .ci-intimacy .cr-safety{margin-top:28px!important;font-size:13px!important;max-width:850px}
@media(max-width:850px){
 html[data-yuni-surface='public'] #app .ci-intimacy.ref-intimacy-intro-page::before{background-size:auto 350px!important}
 html[data-yuni-surface='public'] #app .ci-intimacy .ref-intimacy-intro{grid-template-columns:1fr!important;gap:24px!important;margin-top:20px!important}
 html[data-yuni-surface='public'] #app .ci-intimacy .ref-intro-art>img{max-height:380px!important;max-width:100%!important;margin:auto!important}
 html[data-yuni-surface='public'] #app .ci-intimacy .ref-intro-copy p{font-size:16px!important;line-height:1.75!important}
 html[data-yuni-surface='public'] #app .ci-intimacy .ref-intro-copy h1{font-size:30px!important}
 html[data-yuni-surface='public'] #app .ci-intimacy .ref-intro-copy .cr-eyebrow{font-size:12px!important}
 html[data-yuni-surface='public'] #app .ci-intimacy .ref-intro-copy .cr-hero-closing{font-size:19px!important}
 #app .ci-intimacy .cr-editorial{margin-top:32px}
 #app .ci-intimacy .cr-editorial>.ci-section,#app .ci-intimacy .cr-ending{padding:30px 12px}
 #app .ci-intimacy .cr-view-pair,#app .ci-intimacy .cr-dimensions,#app .ci-intimacy .cr-play-teasers{grid-template-columns:1fr;gap:18px}
 #app .ci-intimacy .cr-pullquote{font-size:22px;padding-left:16px}
 #app .ci-intimacy .cr-tools article{grid-template-columns:32px minmax(0,1fr);gap:14px}
 #app .ci-intimacy .cr-tools article>img,#app .ci-intimacy .cr-space-demo{width:100%;height:180px;grid-column:2}
 #app .ci-intimacy .cr-tools article>div:last-child{grid-column:2}
 #app .ci-intimacy .cr-use-list article{grid-template-columns:1fr;gap:0}
 #app .ci-intimacy .cr-online{padding:18px}
}

/* 2026-11-01: consistent reading scale and a compact first screen for the three card introductions. */
html[data-yuni-surface='public'] #app .ci-page .ui-main{max-width:1240px!important}
html[data-yuni-surface='public'] #app .ci-page :is(.journey-card-intro,.ref-intimacy-intro){grid-template-columns:minmax(260px,360px) minmax(0,1fr)!important;gap:clamp(28px,3.2vw,48px)!important;min-height:0!important;align-items:center!important;margin:16px 0 0!important}
html[data-yuni-surface='public'] #app .ci-page .journey-card-intro>.exp-monologue-art{width:100%!important;max-width:360px!important;aspect-ratio:4/5!important;margin:0!important}
html[data-yuni-surface='public'] #app .ci-page :is(.journey-card-intro>img,.ref-intro-art>img){width:100%!important;max-width:360px!important;max-height:450px!important;object-fit:contain!important;margin:0!important}
html[data-yuni-surface='public'] #app .ci-page :is(.journey-card-copy,.ref-intro-copy){padding:0!important;max-width:780px!important}
html[data-yuni-surface='public'] #app .ci-page :is(.journey-card-copy,.ref-intro-copy,.ci-content) p{font-size:19px!important;line-height:1.7!important;margin-bottom:12px!important}
html[data-yuni-surface='public'] #app .ci-page :is(.journey-card-copy .ci-eyebrow,.ref-intro-copy .cr-eyebrow,.ci-kicker){font-size:14px!important;line-height:1.5!important}
html[data-yuni-surface='public'] #app .ci-page :is(.ci-content .ci-note,.ci-content .cm-safety,.ci-content .cd-safety,.ci-content .cr-safety){font-size:15px!important;line-height:1.65!important}
html[data-yuni-surface='public'] #app .ci-page :is(.ci-tags li,.cr-tags li,.cm-palette){font-size:15px!important;line-height:1.5!important}
html[data-yuni-surface='public'] #app .ci-page :is(.ci-tags,.cr-tags,.cm-palette){margin:12px 0!important}
html[data-yuni-surface='public'] #app .ci-page :is(.ci-hero-title,.ref-intro-copy h1){font-size:34px!important;line-height:1.4!important;margin:8px 0 14px!important}
html[data-yuni-surface='public'] #app .ci-page .cr-hero-title{font-size:28px!important;line-height:1.45!important;margin:0 0 14px!important}
html[data-yuni-surface='public'] #app .ci-page :is(.ci-subtitle,.cm-opening,.cr-hero-closing){font-size:20px!important;line-height:1.65!important;margin:12px 0!important}
html[data-yuni-surface='public'] #app .ci-page .ci-content{margin-top:24px!important}
html[data-yuni-surface='public'] #app .ci-page .ci-content>.ci-section{padding-top:28px;padding-bottom:28px;scroll-margin-top:90px}
html[data-yuni-surface='public'] #app .ci-page .ci-content>.ci-section>header{margin-bottom:18px!important}
html[data-yuni-surface='public'] #app .ci-page .ci-content h2{font-size:28px!important;line-height:1.45!important;margin:6px 0 14px!important}
html[data-yuni-surface='public'] #app .ci-page .ci-content h3{font-size:21px!important;line-height:1.5!important}
html[data-yuni-surface='public'] #app .ci-page .ci-read-more{display:inline-flex;align-items:center;gap:12px;width:auto!important;min-height:40px;margin-top:8px;padding:4px 0!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:#28699b;font-family:var(--yuni-editorial-sans);font-size:17px!important;font-weight:400;cursor:pointer}
html[data-yuni-surface='public'] #app .ci-page .ci-read-more:hover{text-decoration:underline;text-underline-offset:5px}
html[data-yuni-surface='public'] #app .ci-page .ci-read-more:focus-visible{outline:2px solid #28699b;outline-offset:5px}
@media(max-width:850px){
 html[data-yuni-surface='public'] #app .ci-page :is(.journey-card-intro,.ref-intimacy-intro){grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
 html[data-yuni-surface='public'] #app .ci-page .journey-card-intro>.exp-monologue-art{max-width:280px!important;aspect-ratio:1!important;margin:auto!important}
 html[data-yuni-surface='public'] #app .ci-page :is(.journey-card-intro>img,.ref-intro-art>img){max-width:280px!important;max-height:280px!important;margin:auto!important}
 html[data-yuni-surface='public'] #app .ci-page :is(.journey-card-copy,.ref-intro-copy,.ci-content) p{font-size:17px!important;line-height:1.7!important}
 html[data-yuni-surface='public'] #app .ci-page :is(.ci-hero-title,.ref-intro-copy h1){font-size:29px!important}
 html[data-yuni-surface='public'] #app .ci-page :is(.cr-hero-title,.ci-content h2){font-size:25px!important}
 html[data-yuni-surface='public'] #app .ci-page :is(.ci-subtitle,.cm-opening,.cr-hero-closing){font-size:18px!important}
 html[data-yuni-surface='public'] #app .ci-page .ci-content{margin-top:20px!important}
 html[data-yuni-surface='public'] #app .ci-page .ci-content h3{font-size:20px!important}
}

html[data-yuni-surface='public'] #app .ci-page.ref-product-intro-page.ref-unified-secondary .ui-main{width:90%!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important}
html[data-yuni-surface='public'] #app .ci-page.ref-product-intro-page :is(.journey-card-intro,.ref-intimacy-intro){width:100%!important;max-width:1240px!important}
@media(max-width:850px){html[data-yuni-surface='public'] #app .ci-page.ref-product-intro-page.ref-unified-secondary .ui-main{width:92%!important}}
/* Keep the three product introduction menus available while reading. */
html[data-yuni-surface='public'] #app .ci-page .ui-main>nav:is(.ref-subnav,.v6-product-nav,.journey-card-nav){position:sticky!important;top:var(--ui-header-height,72px)!important;left:auto!important;right:auto!important;z-index:30;display:flex!important;flex-wrap:wrap;gap:10px!important;width:100%!important;box-sizing:border-box;padding:12px 0!important;margin:0 0 14px!important;background:rgba(255,255,255,.97);border-bottom:1px solid #e4ebef;backdrop-filter:blur(10px)}
html[data-yuni-surface='public'] #app .ci-page .ui-main>nav:is(.ref-subnav,.v6-product-nav,.journey-card-nav)>a{flex:none!important;width:auto!important}
@media(max-width:850px){html[data-yuni-surface='public'] #app .ci-page .ui-main>nav:is(.ref-subnav,.v6-product-nav,.journey-card-nav){flex-wrap:nowrap;overflow-x:auto;gap:8px!important;padding:9px 0!important}html[data-yuni-surface='public'] #app .ci-page .ui-main>nav:is(.ref-subnav,.v6-product-nav,.journey-card-nav)>a{white-space:nowrap}}