/* New previews only: warm ivory selected, no backing objects behind the phone. */
.conversation-work .ivory-study{background:#eee6d7;color:#0c2b26}
.ivory-study .exhibit-stage{width:200px;height:340px;isolation:isolate}
.ivory-study .exhibit-phone{position:absolute;top:20px;left:36px;width:128px;aspect-ratio:460/990;transform:none;border:3px solid #777d7b;border-radius:20px;background:#000;box-shadow:inset 0 0 0 1px #101413,3px 6px 8px #0c2b2635;z-index:3}
.ivory-study .exhibit-phone svg{width:100%;height:auto;display:block}
.floor-shadow,.floor-light,.phone-stand{position:absolute;pointer-events:none}
.floor-shadow{width:150px;height:17px;left:25px;bottom:26px;border-radius:50%;background:#0c2b264d;filter:blur(6px);z-index:0}
.floor-light{bottom:19px;left:5px;width:190px;height:28px;border-radius:50%;background:radial-gradient(ellipse,#fffdf1 5%,#fffdf180 35%,transparent 72%);z-index:1}
.phone-stand{bottom:13px;left:10px;width:180px;height:33px;z-index:2;background:linear-gradient(110deg,#c2c0b7,#f8f4e9 40%,#d1cec1);border:1px solid #a3a89f;border-top:4px solid #fefcf2;border-radius:4px;box-shadow:0 8px 10px #0c2b2624}
.phone-stand span{position:absolute;display:block}
/* 1: a precise bright seam, a slim physical plinth, an upright screen. */
.study-1 .phone-stand{border-bottom:3px solid #929d99}
.study-1 .phone-stand:before{content:"";position:absolute;left:19px;right:19px;top:-5px;height:2px;background:#e6fff8;box-shadow:0 -5px 13px 4px #18d6bd40}
.study-1 .exhibit-phone{border-color:#778d87;box-shadow:-2px 1px 2px #e5fff2,3px 5px 9px #0c2b2640,0 14px 19px -10px #18d6bd65}
/* 2: no pedestal or backdrop; a deliberate gap and a grounded shadow. */
.study-2 .phone-stand{display:none}
.study-2 .exhibit-phone{top:9px;box-shadow:7px 17px 17px #0c2b2640,-1px 0 1px #fffefa;border-color:#6d7c76}
.study-2 .floor-shadow{bottom:20px;width:134px;left:33px;height:18px;background:#0c2b2660;filter:blur(7px)}
.study-2 .floor-light{bottom:7px;left:0;width:200px;height:45px;background:radial-gradient(ellipse,#fffdf8 0,#fffdf1aa 38%,transparent 72%)}
/* 3: the emerald is concentrated in the small base, never the whole card. */
.study-3 .phone-stand{left:12px;width:176px;height:36px;bottom:10px;border-radius:50% / 22%;border:1px solid #375b50;border-top:4px solid #87c9b3;background:linear-gradient(100deg,#102e29,#34574b 45%,#0c2b26);box-shadow:0 8px 9px #0c2b2640}
.study-3 .phone-stand:before{content:"";position:absolute;left:5px;right:5px;top:-3px;height:3px;border-radius:50%;background:#18d6bd;box-shadow:0 -4px 12px #18d6bd60}
.study-3 .exhibit-phone{box-shadow:4px 5px 7px #0c2b2640,0 12px 13px -8px #18d6bd;border-color:#6b8c80}
/* 4: stepped pale stone, with a restrained violet reveal between layers. */
.study-4 .exhibit-phone{top:8px}
.study-4 .phone-stand{left:4px;width:192px;height:24px;bottom:10px;background:linear-gradient(110deg,#d6d0c1,#fbf8ef 40%,#d7d1c3);border-color:#b3b1a6;border-top:3px solid #fffdf5;border-radius:2px}
.study-4 .phone-stand span{left:22px;right:9px;height:19px;top:-20px;background:linear-gradient(100deg,#ccc5b6,#f8f4e8 45%,#d0c8ba);border-top:3px solid #fffdf4;border-bottom:2px solid #8663b3;border-radius:2px;box-shadow:0 3px 4px #0c2b2626}
.study-4 .floor-light{background:radial-gradient(ellipse,#fffdf1,transparent 70%);bottom:32px;height:55px}
/* 5: an open stand with two separated metal feet and upward floor illumination. */
.study-5 .phone-stand{left:17px;width:166px;bottom:12px;height:35px;background:none;border:0;box-shadow:none;display:flex;justify-content:space-between}
.study-5 .phone-stand:before,.study-5 .phone-stand:after{content:"";width:28px;height:35px;background:linear-gradient(100deg,#8c9994,#f5f5e8 45%,#9ea79d);border:1px solid #97a49b;border-top:4px solid #fdfdf2;border-radius:2px;box-shadow:3px 5px 6px #0c2b2633}
.study-5 .phone-stand span{left:12px;right:12px;top:0;height:4px;background:linear-gradient(90deg,#b7c7bd,#effff6,#adbbb1);box-shadow:0 -4px 10px #18d6bd40}
.study-5 .floor-light{bottom:7px;height:65px;background:radial-gradient(ellipse,#b7efe0 0,#fffdf170 45%,transparent 70%)}
.ivory-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.ivory-gallery img{aspect-ratio:610.54/505.09;object-fit:contain;background:#eee6d7}
@media(max-width:1150px) and (min-width:901px){.conversation-work .ivory-study{grid-template-columns:minmax(0,1fr) 160px}.ivory-study .exhibit-stage{width:160px;height:340px}.ivory-study .exhibit-phone{left:16px}.ivory-study .phone-stand{left:0;width:160px}.ivory-study .floor-light{left:0;width:160px}.ivory-study .floor-shadow{left:10px;width:140px}.study-5 .phone-stand{left:0;width:160px}}
@media(max-width:600px){.ivory-study .exhibit-stage{width:200px!important;height:340px!important}.ivory-study .exhibit-phone{width:128px;left:36px;border-radius:20px}.conversation-work .ivory-study{padding:25px 22px}.ivory-gallery{grid-template-columns:1fr}.ivory-gallery img{aspect-ratio:auto}}