/* Availability is the message; connected experiences support it. */
.detail.detail-leto .leto-result{padding:clamp(40px,4vw,64px) var(--site-gutter);background:#412c46;color:#f8eaf1}
.leto-result p,.leto-result h2{margin:0}
.leto-result-header{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #dfb0c960;padding-bottom:22px;font:500 14px/1.5 var(--font-mono),monospace;letter-spacing:.06em;text-transform:uppercase}
.leto-result h2{display:flex;align-items:center;gap:clamp(24px,4vw,64px);padding:32px 0 40px;font:500 clamp(38px,5.5vw,88px)/1.05 var(--font-display),sans-serif;letter-spacing:-.05em}
.leto-result-number{flex:none;font-size:clamp(150px,20vw,320px);line-height:.9;color:#dfb0c9;letter-spacing:-.06em}
.leto-result h2 em{font-style:normal;color:#dfb0c9}
.leto-result-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start;border-top:1px solid #dfb0c960;padding-top:28px}
.leto-result-detail ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.leto-result-detail li{display:flex;align-items:baseline;gap:16px}
.leto-result-detail li span{font:400 14px/1.5 var(--font-mono),monospace;color:#dfb0c9}
.leto-result-detail li strong{font:500 clamp(22px,2.5vw,36px)/1.2 var(--font-display),sans-serif;letter-spacing:-.03em}
.leto-result-detail>p{font-size:clamp(18px,1.6vw,24px);line-height:1.5}
@media(max-width:800px){
 .leto-result-detail{grid-template-columns:1fr;gap:32px}
 .leto-result h2{align-items:flex-start;font-size:clamp(32px,5.8vw,48px);gap:20px}
 .leto-result-number{font-size:clamp(112px,23vw,184px)}
}

@media(max-width:480px){
 .leto-result-header{flex-direction:column;gap:8px}
 .leto-result h2{display:block;font-size:clamp(36px,9vw,44px);padding-block:28px}
 .leto-result-number{display:block;font-size:144px;margin-bottom:16px}
 .leto-result-detail ol{gap:24px 16px}
}

/* Expressive plum field; the numeral breaks the grid while copy stays readable. */
.detail.detail-leto .leto-result{position:relative;isolation:isolate;overflow:hidden;padding-bottom:76px;background:radial-gradient(ellipse at 4% 55%,#885675 0,transparent 57%),linear-gradient(125deg,#49304e,#281e34 78%)}
.leto-result-header{position:relative;z-index:2;border:0;padding:0}
.leto-result h2{position:relative;display:block;min-height:330px;padding:56px 0 32px 38%;font-size:clamp(48px,6.8vw,108px);line-height:1;letter-spacing:-.055em}
.leto-result-number{position:absolute;left:-.045em;top:-.03em;font-size:clamp(380px,43vw,670px);font-weight:600;line-height:1;background:linear-gradient(145deg,#ffdfef 12%,#c68eaf 48%,#694561 85%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:rotate(-7deg);pointer-events:none}
.leto-result h2>span:last-child{position:relative;z-index:1;display:block}
.leto-result h2 em{display:block;max-width:11ch;color:#e0abc9;margin-top:8px}
.leto-result-detail{position:relative;z-index:2;display:flex;flex-direction:column-reverse;gap:48px;border:0;padding:0}
.leto-result-detail>p{align-self:flex-end;width:62%;max-width:48ch;box-sizing:border-box;padding-left:24px;font-size:clamp(18px,1.55vw,23px);color:#f3deeb}
.leto-result-detail ol{width:100%;box-sizing:border-box;padding:0 12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.leto-result-detail li{min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:44px;padding:24px clamp(16px,2.4vw,36px);min-height:150px;background:linear-gradient(145deg,#f1d4e4,#cf9cbb);color:#412c46;border-top:1px solid #ffeff9a6;box-shadow:0 18px 36px #170d2933;transform:rotate(-4deg)}
.leto-result-detail li:nth-child(2){background:linear-gradient(145deg,#c695b9,#997497);transform:translateY(22px) rotate(3deg);color:#281e34}
.leto-result-detail li:nth-child(3){background:linear-gradient(145deg,#795676,#503c5b);transform:translateY(-8px) rotate(-3deg);color:#fff0f8}
.leto-result-detail li:nth-child(4){background:linear-gradient(145deg,#49364f,#33283d);transform:translateY(16px) rotate(4deg);color:#f4d5e9}
.leto-result-detail li span{color:inherit}
.leto-result-detail li strong{font-size:clamp(22px,2.6vw,40px)}
@media(max-width:800px){
 .leto-result h2{min-height:240px;padding:40px 0 28px 32%;font-size:clamp(38px,7.8vw,64px)}
 .leto-result-number{font-size:clamp(300px,52vw,430px);top:0;left:-.1em}
 .leto-result-detail>p{width:68%;padding-left:0}
 .leto-result-detail ol{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}
 .leto-result-detail li{min-height:120px;gap:32px}
}
@media(max-width:480px){
 .leto-result-header{flex-direction:row;font-size:14px;gap:16px}.leto-result-header>span{text-align:right;max-width:15ch}
 .leto-result h2{min-height:210px;padding:36px 0 24px 70px;font-size:clamp(34px,8.6vw,42px)}
 .leto-result-number{font-size:260px;top:10px;left:-65px;opacity:.85;margin:0}
 .leto-result-detail{gap:36px}
 .leto-result-detail>p{width:100%;padding-left:64px;font-size:17px}
 .leto-result-detail ol{padding:0 4px;row-gap:12px}
 .leto-result-detail li{padding:18px 14px;min-height:100px}
 .leto-result-detail li strong{font-size:23px}
}

/* Lead with the shared opportunity, not the number of interfaces. */
.leto-result h2{min-height:0;padding:56px 0 32px;font-size:clamp(48px,8.5vw,132px)}
.leto-result h2 em{max-width:none;margin-left:12%;padding-right:.12em}
.leto-result-detail>p{width:62%;padding-left:0}
@media(max-width:800px){.leto-result h2{padding:40px 0 28px;font-size:clamp(40px,8vw,68px)}.leto-result-detail>p{width:78%}}
@media(max-width:480px){.leto-result h2{padding:36px 0 28px;font-size:clamp(34px,8.4vw,42px)}.leto-result h2 em{margin-left:5%}.leto-result-detail>p{width:100%;padding-left:0}}

/* Layered light, with benefit-led translucent surfaces. */
.detail.detail-leto .leto-result{background:#271c34}
.leto-result::before,.leto-result::after{content:"";position:absolute;inset:-20%;z-index:-1;pointer-events:none}
.leto-result::before{background:radial-gradient(ellipse at 15% 50%,#c985ad99,transparent 48%),radial-gradient(ellipse at 85% 15%,#7767b078,transparent 45%),conic-gradient(from 215deg at 40% 60%,#271c34,#754f70,#34263f,#271c34);filter:blur(32px);animation:leto-light-reveal 5s ease-out both}
.leto-result::after{inset:0;background:linear-gradient(120deg,transparent 30%,#f7d6ea0d 30.2%,transparent 60%),linear-gradient(155deg,transparent 55%,#f7d6ea10 55.2%,transparent 80%);opacity:.8}
.leto-result h2{position:relative;z-index:1}
.leto-result-detail ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;align-items:start}
.leto-result-detail li{position:relative;min-height:260px;box-sizing:border-box;gap:22px;padding:28px;justify-content:flex-start;border:1px solid #f3d8ef40;border-radius:3px 36px 3px 3px;background:linear-gradient(145deg,#f1d4e4ed,#cf9cbbba);box-shadow:0 24px 48px #140c2840,inset 0 1px #ffffff55;backdrop-filter:blur(18px);transform:rotate(-2deg)}
.leto-result-detail li:nth-child(2){background:linear-gradient(145deg,#b589b8c9,#725782a8);transform:translateY(28px) rotate(1deg);color:#fff3fa}
.leto-result-detail li:nth-child(3){background:linear-gradient(145deg,#644d7bcc,#392d50c9);transform:translateY(8px) rotate(-1deg);color:#fff3fa}
.leto-result-detail li>span{font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.leto-result-detail li>strong{font-size:clamp(28px,3.2vw,48px);line-height:1.03;max-width:10ch;margin-top:16px}
.leto-result-detail li>p{font-size:17px;line-height:1.5;max-width:28ch}
@keyframes leto-light-reveal{from{transform:translate(-5%,3%) scale(1.1);opacity:.5}to{transform:translate(0,0) scale(1);opacity:1}}
@media(max-width:800px){.leto-result-detail ol{gap:12px}.leto-result-detail li{padding:20px;min-height:280px}.leto-result-detail li>strong{font-size:30px}}
@media(max-width:600px){.leto-result-detail ol{grid-template-columns:1fr;gap:20px;padding:0 4px}.leto-result-detail li,.leto-result-detail li:nth-child(2),.leto-result-detail li:nth-child(3){min-height:0;padding:24px;transform:none}.leto-result-detail li:nth-child(2){margin-left:18px}.leto-result-detail li:nth-child(3){margin-right:18px}.leto-result-detail li>strong{max-width:none;margin-top:4px;font-size:34px}}
@media(prefers-reduced-motion:reduce){.leto-result::before{animation:none}}

/* Fine-grain texture and broad contour bands add depth without competing with copy. */
.leto-result::after{background:radial-gradient(circle,#f9deec20 .7px,transparent .9px) 0 0/7px 7px,repeating-radial-gradient(ellipse at -10% 60%,transparent 0 92px,#eed4eb12 93px 94px,transparent 95px 156px),linear-gradient(120deg,transparent 30%,#f7d6ea0d 30.2%,transparent 60%);opacity:.65;mask-image:linear-gradient(90deg,#000, #0007 50%,#0003)}
.leto-result-detail ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.leto-result-detail li{padding:24px;min-height:300px}
.leto-result-detail li>strong{font-size:clamp(26px,2.5vw,38px)}
.leto-result-detail li:nth-child(4){background:linear-gradient(145deg,#9b7397dc,#513d68d9);color:#fff3fa;transform:translateY(24px) rotate(2deg);border-color:#f3d8ef50}
@media(max-width:1000px){.leto-result-detail ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.leto-result-detail li{min-height:260px}.leto-result-detail li:nth-child(3){transform:rotate(-1deg)}}
@media(max-width:600px){.leto-result-detail ol{grid-template-columns:1fr;gap:20px}.leto-result-detail li{min-height:0}.leto-result-detail li:nth-child(3),.leto-result-detail li:nth-child(4){transform:none}.leto-result-detail li:nth-child(4){margin-left:18px}}

/* A hard-edged opening cuts through the field; no soft all-over wash. */
.detail.detail-leto .leto-result{background:linear-gradient(115deg,#1c1329 0 41%,#33213e 41% 68%,#21152e 68%)}
.leto-result::before{inset:-35% -15%;background:repeating-linear-gradient(0deg,transparent 0 34px,#efbfd533 35px 36px,transparent 37px 68px),linear-gradient(90deg,#28172f 0%,#784563 22%,#d995b5 48%,#825179 72%,#30203d 100%);clip-path:polygon(0 47%,61% 26%,41% 58%,100% 44%,100% 53%,17% 89%,35% 59%,0 72%);filter:none;opacity:.55;transform:rotate(-9deg);animation:leto-aperture-reveal 4s cubic-bezier(.2,.7,.2,1) both}
.leto-result::after{inset:0;background:linear-gradient(105deg,transparent 0 43%,#1b1229c9 43.2% 63%,transparent 63.2%),repeating-linear-gradient(155deg,transparent 0 110px,#f3cde81c 111px 112px,transparent 113px 220px);mask-image:none;opacity:1}
@keyframes leto-aperture-reveal{from{transform:translate(-6%,4%) rotate(-13deg);opacity:.15}to{transform:translate(0,0) rotate(-9deg);opacity:.55}}
@media(max-width:600px){.leto-result::before{inset:-10% -50%;opacity:.35}.leto-result::after{opacity:.7}}
@media(prefers-reduced-motion:reduce){.leto-result::before{animation:none}}

/* A living hourglass of fine particles replaces the angular backdrop. */
.detail.detail-leto .leto-result{background:radial-gradient(ellipse at 32% 50%,#50334f 0,#30213e 48%,#21172e 100%)}
.leto-result::before,.leto-result::after{display:none}
.leto-particle-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.8}
.leto-result-header,.leto-result h2,.leto-result-detail{position:relative;z-index:1}

.leto-result .leto-result-detail ol>li{border:0;border-radius:24px;box-shadow:0 24px 48px #140c2840}