
/* Owner supplied ivory and black S04 artwork, at its native 3:2 geometry. */
#s-reveal .s4-chart-section{position:relative;min-height:470px;overflow:hidden;background:#f9f1e7;color:#191b1e;border:0}
#s-reveal .s4-owner-light-art{position:absolute;left:50%;top:50%;display:block;width:100%;height:auto;min-height:100%;object-fit:cover;transform:translate(-50%,-50%)}
#s-reveal .s4-light-content{position:relative;z-index:1;max-width:1024px;min-height:470px;margin:auto}
#s-reveal .s4-light-heading{position:absolute;left:5%;top:7%;width:50%}
#s-reveal .s4-light-heading h2{margin:0;color:#141b23;font-size:clamp(25px,3.2vw,35px);line-height:1.18;font-weight:700}
#s-reveal .s4-light-heading h3{margin:3px 0 7px;color:#151b23;font-size:clamp(17px,2.25vw,23px);line-height:1.24;font-weight:700}
#s-reveal .s4-light-heading>p:not(.s4-revealed){margin:0;max-width:490px;font-size:clamp(12px,1.55vw,16px);line-height:1.46;color:#232323}
#s-reveal .s4-light-heading .s4-revealed{font-size:12px;margin:9px 0 0;line-height:1.25;color:#715227}
#s-reveal .s4-owner-factors{position:absolute;left:4%;bottom:24%;width:54%;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;text-align:center}
#s-reveal .s4-owner-factors div{min-width:0;padding:0 2px}
#s-reveal .s4-owner-factors strong{display:block;font-size:clamp(11px,1.3vw,14px);line-height:1.2;color:#17191b}
#s-reveal .s4-owner-factors small{display:block;margin-top:3px;font-size:clamp(9px,1.05vw,11px);line-height:1.3;color:#353332}
#s-reveal .s4-owner-dna{position:absolute;right:3.3%;bottom:2%;width:39%;text-align:center}
#s-reveal .s4-owner-dna h3{margin:0;color:#19202a;font-size:clamp(17px,2vw,22px);line-height:1.25}
#s-reveal .s4-owner-dna p{margin:2px 0 0;color:#272624;font-size:clamp(10px,1.2vw,13px);line-height:1.32}
#s-reveal .s4-wallpaper-section{position:relative;min-height:455px;overflow:hidden;background:#06080b;color:#f6dfbc}
#s-reveal .s4-owner-dark-scene{position:absolute;width:100%;aspect-ratio:1536/1024;left:0;top:-110px}
#s-reveal .s4-owner-dark-art{display:block;width:100%;height:100%;object-fit:contain}
#s-reveal .s4-phone-logo{position:absolute;left:81.3%;top:40%;width:10%;height:18%;display:flex;align-items:center;justify-content:center;transform:rotate(8deg) skewY(-5deg);transform-origin:center}
#s-reveal .s4-phone-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 3px #000)}
#s-reveal .s4-owner-dark-copy{position:relative;z-index:1;width:49%;min-height:455px;padding:38px 1% 24px 5%;text-shadow:0 2px 5px #000}
#s-reveal .s4-owner-dark-copy h2{margin:0 0 12px;color:#f5cb8e;font-size:clamp(21px,2.7vw,30px);line-height:1.28}
#s-reveal .s4-owner-dark-copy>p{margin:0 0 10px;color:#f2e7d5;font-size:clamp(12px,1.4vw,15px);line-height:1.46}
#s-reveal .s4-owner-values{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px;text-align:center}
#s-reveal .s4-owner-values div{min-width:0}
#s-reveal .s4-owner-values img{display:block;width:min(60px,55%);height:48px;object-fit:contain;margin:0 auto 4px}
#s-reveal .s4-owner-values span{display:block;font-size:clamp(10px,1.2vw,13px);line-height:1.28;color:#f2e4d0}
@media(max-width:600px){
 #s-reveal .s4-chart-section{min-height:0;padding:0 0 18px}
 #s-reveal .s4-owner-light-art{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:0;transform:none;object-fit:contain}
 #s-reveal .s4-light-content{position:absolute;inset:0 0 18px;min-height:0}
 #s-reveal .s4-light-heading{left:5%;top:4%;width:52%}
 #s-reveal .s4-light-heading h2{font-size:clamp(16px,4vw,20px);line-height:1.16}
 #s-reveal .s4-light-heading h3{font-size:clamp(11px,2.9vw,14px);margin:2px 0 3px}
 #s-reveal .s4-light-heading>p:not(.s4-revealed){font-size:clamp(8px,2vw,10px);line-height:1.22;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
 #s-reveal .s4-light-heading .s4-revealed{font-size:8px;margin-top:2px;gap:3px}
 #s-reveal .s4-light-heading .s4-revealed>span:first-child{font-size:12px}
 #s-reveal .s4-owner-factors{left:4%;bottom:20%;width:53%;gap:1px}
 #s-reveal .s4-owner-factors strong{font-size:clamp(7px,1.7vw,9px);line-height:1.1}
 #s-reveal .s4-owner-factors small{font-size:clamp(6px,1.4vw,8px);line-height:1.16;margin-top:1px}
 #s-reveal .s4-owner-dna{right:2.5%;bottom:0;width:42%}
 #s-reveal .s4-owner-dna h3{font-size:clamp(9px,2.4vw,12px);line-height:1.1}
 #s-reveal .s4-owner-dna p{font-size:clamp(7px,1.6vw,9px);line-height:1.14;margin:1px 0 0}
 #s-reveal .s4-wallpaper-section{min-height:0;padding-bottom:260px}
 #s-reveal .s4-owner-dark-copy{width:100%;min-height:0;padding:22px 5% 15px;background:linear-gradient(90deg,#070a0fe8,#090c12a6);text-shadow:none}
 #s-reveal .s4-owner-dark-copy h2{max-width:350px;font-size:clamp(21px,5.5vw,26px);margin-bottom:8px}
 #s-reveal .s4-owner-dark-copy>p{font-size:11px;line-height:1.37;margin-bottom:7px}
 #s-reveal .s4-owner-values{margin-top:9px;gap:5px}
 #s-reveal .s4-owner-values img{width:42px;height:34px;margin-bottom:1px}
 #s-reveal .s4-owner-values span{font-size:9px;line-height:1.2}
 #s-reveal .s4-owner-dark-scene{top:auto;bottom:-32px;left:-20%;width:125%}
 #s-reveal .s4-phone-logo{left:81.3%;top:40%;width:10%}
}
