/* Two spacious editorial rows directly after the sky hero. */
.loan-highlights{background:#fff;color:#191f28;padding:36px 0 44px}
.loan-highlight{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:100px;max-width:1240px;margin:0 auto;padding:92px 48px;scroll-margin-top:calc(var(--site-header-height) + 24px)}
.loan-highlight-copy{min-width:0}
.loan-highlight h2{margin:0;font-size:clamp(36px,4.2vw,60px);font-weight:780;line-height:1.45;letter-spacing:-.035em;word-break:keep-all;text-wrap:balance}
.loan-highlight h2 span{display:block}
.loan-highlight p{font-size:clamp(17px,1.6vw,23px);line-height:1.85;letter-spacing:-.025em;color:#566274;margin:32px 0 0;word-break:keep-all}
.loan-highlight-art{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;width:100%;margin:0;min-width:0}
.loan-highlight-art img{display:block;width:100%;height:100%;object-fit:contain}
.loan-highlight--cash .loan-highlight-art{aspect-ratio:1}
.loan-highlight--risk{padding-top:80px;padding-bottom:104px}
.loan-highlight--risk h2 span:last-child{font-size:1.12em}
.loan-highlights ::selection{background:#dbe8ff;color:#1d3767}
html:not([lang=ko]) .loan-highlight h2{font-size:clamp(32px,3.6vw,52px);word-break:normal;overflow-wrap:anywhere;line-height:1.5}
html:not([lang=ko]) .loan-highlight p{word-break:normal;overflow-wrap:anywhere}
@media(max-width:1000px){.loan-highlight{gap:48px;padding:72px 36px}.loan-highlight h2{font-size:42px}.loan-highlight p{font-size:18px;margin-top:24px}.loan-highlight--risk{padding-bottom:88px}}
@media(max-width:640px){
 .loan-highlights{padding:0}
 .loan-highlight{display:flex;flex-direction:column;align-items:stretch;min-height:calc(100svh - var(--site-header-height) - 88px);gap:32px;padding:56px 24px 64px}
 .loan-highlight-copy{order:0}
 .loan-highlight-art{order:1;width:min(100%,400px);min-height:240px;flex:1;margin:0 auto;aspect-ratio:4/3}
 .loan-highlight--cash .loan-highlight-art{aspect-ratio:4/3}
 .loan-highlight h2{font-size:clamp(32px,8.5vw,40px);line-height:1.4}
 .loan-highlight p{font-size:18px;line-height:1.75;margin-top:28px}
 .loan-highlight--risk{padding-top:56px;padding-bottom:64px}
 html:not([lang=ko]) .loan-highlight h2{font-size:clamp(30px,8vw,40px)}
}

/* Full-width animation panel following the credit-risk zero section. */
.any-item-loan{background:#f7f8fa;padding:88px 24px 64px;text-align:center;color:#191f28;scroll-margin-top:calc(var(--site-header-height) + 16px)}
.any-item-loan h2{max-width:960px;margin:0 auto;font-size:clamp(36px,4.2vw,58px);font-weight:780;line-height:1.5;letter-spacing:-.035em;word-break:keep-all;text-wrap:balance}
.any-item-loan h2 span,.any-item-loan h2 strong{display:block;font-weight:inherit}
.any-item-loan h2 span{color:#657184}
.any-item-art{width:min(100%,820px);aspect-ratio:1272/900;margin:12px auto 0;overflow:hidden}
.any-item-art img{display:block;width:100%;height:auto}
html:not([lang=ko]) .any-item-loan h2{letter-spacing:0;line-height:1.65;word-break:normal;overflow-wrap:break-word;font-size:clamp(30px,3.8vw,52px)}
html[lang=my] .any-item-loan h2{line-height:2.25}
@media(max-width:640px){
 .any-item-loan{min-height:calc(100svh - var(--site-header-height) - 88px);padding:64px 20px 48px}
 .any-item-loan h2{font-size:32px;line-height:1.55}
 .any-item-art{width:calc(100% + 40px);max-width:none;margin:20px -20px 0;aspect-ratio:1272/1000}
 html:not([lang=ko]) .any-item-loan h2{font-size:clamp(27px,7.2vw,34px)}
}

/* Appraisal value continues the existing white, alternating highlight rows. */
.loan-highlight--appraisal{padding-top:64px;padding-bottom:104px}
.appraisal-value-art{aspect-ratio:4/3}
.appraisal-value-number{color:#4b83f0;transform:rotate(-7deg);padding:24px 12px 32px}
.appraisal-value-max{display:block;margin:0 0 12px 12px;font-size:28px;font-weight:750;letter-spacing:-.025em;color:#566274}
.appraisal-value-number strong{display:block;white-space:nowrap;font-size:clamp(100px,12vw,172px);font-weight:850;line-height:1;letter-spacing:-.04em;text-shadow:1px 1px 0 #3971d8,2px 3px 0 #3971d8,3px 5px 0 #3971d8,4px 7px 0 #3971d8,5px 9px 0 #3971d8,7px 15px 20px #224a8a1a}
.appraisal-value-number strong span{font-size:.5em;letter-spacing:-.025em;margin-left:4px}
.loan-highlight .appraisal-value-note{margin-top:18px;font-size:15px;line-height:1.75;color:#657184}
@media(max-width:1000px){.loan-highlight--appraisal{padding-top:56px;padding-bottom:88px}.appraisal-value-max{font-size:24px}}
@media(max-width:640px){
 .loan-highlight--appraisal{padding-top:56px;padding-bottom:64px}
 .appraisal-value-art{min-height:240px;flex:0 0 auto}
 .appraisal-value-number strong{font-size:clamp(120px,32vw,172px)}
 .appraisal-value-max{font-size:24px;margin-bottom:10px}
 .loan-highlight .appraisal-value-note{font-size:14px;margin-top:18px}
}

/* A conditional 40% example breaks apart to reveal the shop's maximum 70%. */
.appraisal-value-art{position:relative;perspective:700px;isolation:isolate;overflow:clip}
.appraisal-value-number{position:relative;z-index:1;transform-origin:50% 60%}
.appraisal-value-before{display:none;position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:95%;text-align:left}
.appraisal-value-before-label{display:block;margin:0 0 20px;font-size:19px;font-weight:700;letter-spacing:-.025em;color:#657184}
.appraisal-value-old{position:relative;font-size:clamp(100px,12vw,172px);font-weight:850;line-height:1;letter-spacing:-.04em}
.appraisal-value-shard{position:absolute;inset:0;display:block;white-space:nowrap;color:#8e9aaf;text-shadow:1px 2px 0 #758299,3px 5px 0 #758299,5px 9px 0 #758299}
.appraisal-value-shard:first-child{position:relative}
.appraisal-value-shard small{font-size:.5em;margin-left:4px;letter-spacing:-.025em}
.appraisal-value-cracks{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:white;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.appraisal-value-art.is-moving .appraisal-value-before{display:block}
.appraisal-value-art.is-moving .appraisal-value-before-label{animation:appraisal-before-label 5s linear infinite}
.appraisal-value-art.is-moving .appraisal-value-old{animation:appraisal-impact 5s linear infinite}
.appraisal-value-art.is-moving .appraisal-value-shard{animation:appraisal-shatter 5s linear infinite}
.appraisal-value-art.is-moving .appraisal-value-cracks{animation:appraisal-crack 5s linear infinite}
.appraisal-value-art.is-moving .appraisal-value-number{animation:appraisal-breakthrough 5s linear infinite}
@keyframes appraisal-before-label{0%,25%{opacity:1}34%,100%{opacity:0}}
@keyframes appraisal-impact{0%,24%,32%,100%{transform:translateX(0)}26%,30%{transform:translateX(-5px)}28%{transform:translateX(5px)}}
@keyframes appraisal-crack{0%,26%{opacity:0}29%,34%{opacity:1}42%,100%{opacity:0}}
@keyframes appraisal-shatter{
 0%,31%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}
 34%{opacity:1;transform:translate(calc(var(--dx)*.12),calc(var(--dy)*.12)) rotate(calc(var(--turn)*.12)) scale(1);animation-timing-function:cubic-bezier(.16,1,.3,1)}
 48%,100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--turn)) scale(.75)}
}
@keyframes appraisal-breakthrough{
 0%,32%{opacity:0;transform:scale(.15) rotate(-18deg) rotateY(-35deg)}
 38%{opacity:1;transform:scale(.6) rotate(-12deg) rotateY(-15deg);animation-timing-function:cubic-bezier(.16,1,.3,1)}
 51%{opacity:1;transform:scale(1.08) rotate(3deg) rotateY(0deg);animation-timing-function:cubic-bezier(.16,1,.3,1)}
 60%,92%{opacity:1;transform:scale(1) rotate(-7deg) rotateY(0deg)}
 99%,100%{opacity:0;transform:scale(.95) rotate(-7deg) rotateY(0deg)}
}
@media(max-width:640px){.appraisal-value-old{font-size:clamp(120px,32vw,172px)}.appraisal-value-before-label{font-size:16px}}
@media(prefers-reduced-motion:reduce){
 .appraisal-value-art.is-moving .appraisal-value-number{animation:none;opacity:1;transform:rotate(-7deg)}
 .appraisal-value-art.is-moving .appraisal-value-before{display:none}
}