.vision-area{margin:0 0 29px;color:#f2eddf}.vision-topline{display:flex;align-items:center;gap:14px;margin:0 0 14px}.vision-topline .eyebrow{white-space:nowrap}.vision-top-rule{height:1px;background:linear-gradient(90deg,#927143,#342b1e);flex:1}.vision-kicker{font-size:9px;color:#8f8067;letter-spacing:.19em;white-space:nowrap}.vision-locked,.vision-hero{background:radial-gradient(circle at 72% 15%,#3d301e 0,#201b15 36%,#151412 90%);border:1px solid #79613e;border-radius:16px;overflow:hidden}.vision-locked{min-height:218px;display:flex;align-items:center;gap:36px;padding:35px 42px}.vision-placeholder-art{height:125px;width:125px;flex:none;border-radius:50%;display:grid;place-items:center;border:1px solid #a08351;box-shadow:0 0 0 11px #b6944913,0 0 0 34px #b6944908;color:#d5ba83;font-family:Georgia,serif;font-size:68px}.vision-locked h3{font-family:Georgia,serif;font-size:clamp(27px,3vw,44px);font-weight:400;line-height:1.15;margin:10px 0 12px;color:#f2ebdc;max-width:650px}.vision-locked p{color:#b5a996;line-height:1.7;font-size:14px;margin:0 0 12px;max-width:680px}.vision-hero{display:grid;grid-template-columns:minmax(250px,36%) 1fr;min-height:300px}.vision-photo{position:relative;min-height:290px;background:radial-gradient(circle at 50% 34%,#ae885439,#59432a58 32%,#191713 76%);display:grid;place-items:center;overflow:hidden}.vision-photo[data-kind="umrah"]{background:radial-gradient(circle at 50% 34%,#c7a8694b,#51412e 39%,#15130f 86%)}.vision-photo[data-kind="rumah"]{background:radial-gradient(circle at 50% 34%,#b895674d,#463528 40%,#161310 87%)}.vision-photo[data-kind="orangtua"]{background:radial-gradient(circle at 50% 35%,#cfad7d4b,#482d29 44%,#17120f 86%)}.vision-photo:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid #d1af7270;box-shadow:0 0 0 30px #c5a16611,0 0 0 74px #c5a16608;pointer-events:none}.vision-symbol{font:normal 135px Georgia,serif;color:#dfc28a;text-shadow:0 8px 38px #0008;line-height:1}.vision-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.vision-photo-upload{position:absolute;bottom:15px;left:15px;z-index:2;display:inline-block;padding:11px 13px;background:#17130ee8;border:1px solid #9f8559;border-radius:7px;color:#f1d8a2;font-size:11px;font-weight:700;cursor:pointer}.vision-photo-upload:hover,.vision-edit-button:hover{color:#fff2d8;border-color:#e0c58c}.vision-copy{padding:35px clamp(25px,4vw,55px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.vision-copy h3{font:normal clamp(30px,3.6vw,49px)/1.11 Georgia,serif;letter-spacing:-.025em;margin:12px 0 17px;max-width:650px;color:#fff7e8}.vision-copy p{color:#c5b9a5;font-size:14px;line-height:1.78;max-width:660px;white-space:pre-wrap;overflow-wrap:anywhere}.vision-meta{display:flex;flex-wrap:wrap;gap:22px;align-items:center;border-top:1px solid #6e5738;padding-top:18px;margin-top:13px;width:100%}.vision-meta span{color:#e5c991;letter-spacing:.1em;font-size:11px;font-weight:750}.vision-edit-button{border:0;border-bottom:1px solid #a78652;background:none;color:#dabd84;padding:8px 1px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.025em}.outcomes-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:30px 0 17px}.outcomes-head h3{font:normal clamp(25px,2.5vw,36px) Georgia,serif;color:#f4eee0;margin:8px 0 0}.overall-pill{border:1px solid #99794d;background:#2f251a;color:#eed29c;border-radius:30px;padding:10px 14px;font-size:12px;font-weight:750;white-space:nowrap}.outcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.outcome-card{border:1px solid #554632;background:linear-gradient(135deg,#231f19,#191713);border-radius:12px;padding:21px 23px;min-height:193px}.outcome-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;color:#e7d8b9;font-weight:700}.outcome-card-top strong{color:#d9b878;font-size:19px}.outcome-number{font-size:30px;font-weight:740;letter-spacing:-.025em;margin:17px 0 13px;color:#f4ede0}.outcome-number small{font-size:13px;font-weight:400;color:#afa390;letter-spacing:0}.outcome-track{height:9px;border-radius:100px;background:#4b4030;overflow:hidden}.outcome-track i{height:100%;background:linear-gradient(90deg,#947044,#eed29a);border-radius:100px;display:block;min-width:0;transition:width .25s}.outcome-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:15px;font-size:11px;color:#b2a591}.outcome-update{border:0;background:none;padding:0;color:#e4c58a;font-size:11px;cursor:pointer}.outcome-spark{width:100%;height:45px;margin-top:5px}.outcome-inline{display:flex;gap:8px;align-items:end;margin-top:15px}.outcome-inline label{display:grid;gap:5px;flex:1;font-size:11px;color:#c9b89d}.outcome-inline input,.vision-form input,.vision-form select,.vision-form textarea{min-width:0;background:#12110f;color:#f1e8d8;border:1px solid #776244;border-radius:7px;padding:12px;font:inherit}.outcome-inline input{width:100%;padding:9px}.outcome-inline button{border:1px solid #d0af70;background:#c6a56b;color:#19150f;border-radius:7px;padding:10px 13px;font-weight:700;cursor:pointer}.outcome-actions{display:flex;align-items:center;gap:20px;margin-top:14px}.outcome-actions p{font-size:12px;margin:0;color:#dfc386}.vision-form{border:1px solid #79613e;background:#1c1914;border-radius:14px;padding:25px;margin-top:16px}.vision-form-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.vision-form h3{font:normal 28px Georgia,serif;margin:8px 0 22px}.vision-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:21px}.vision-fields label{display:flex;flex-direction:column;gap:9px;color:#e2d2b7;font-size:12px;font-weight:700}.vision-fields .wide{grid-column:1/-1}.vision-fields textarea{resize:vertical}.vision-form .primary{padding:13px 18px}.vision-form .form-help{margin-top:16px}.vision-area .hidden{display:none!important}
@media(max-width:750px){.vision-kicker{display:none}.vision-locked{padding:27px 23px;gap:20px}.vision-placeholder-art{height:83px;width:83px;font-size:43px;box-shadow:0 0 0 12px #b6944912}.vision-locked h3{font-size:29px}.vision-hero{grid-template-columns:1fr}.vision-photo{min-height:260px}.vision-copy{padding:29px 23px 27px}.vision-copy h3{font-size:35px}.outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.outcome-card{padding:14px 13px;min-height:145px}.outcome-card-top{font-size:11px;align-items:flex-start}.outcome-card-top strong{font-size:15px}.outcome-number{font-size:25px;margin:11px 0 10px}.outcome-number small{font-size:10px}.outcome-track{height:6px}.outcome-bottom{margin-top:10px;font-size:9px;gap:5px}.outcome-update{font-size:9px}}
@media(max-width:480px){.vision-locked{display:block;min-height:0;padding:28px 22px}.vision-placeholder-art{margin:12px 0 30px;width:75px;height:75px}.vision-locked h3{font-size:27px}.vision-locked p{font-size:13px}.vision-topline{gap:9px}.vision-topline .eyebrow{font-size:10px;letter-spacing:.16em}.vision-photo{min-height:225px}.vision-copy h3{font-size:32px}.vision-copy p{font-size:13px}.outcomes-head{display:block}.overall-pill{display:inline-block;margin-top:13px}.vision-fields{grid-template-columns:1fr}.vision-fields .wide{grid-column:auto}.vision-form{padding:21px 17px}.outcome-actions{display:block}}
/* One photographic triptych supplies a different visual for each type of impian. */
.vision-photo[data-kind="umrah"],.vision-photo[data-kind="rumah"],.vision-photo[data-kind="orangtua"]{background-image:linear-gradient(0deg,#0e0c09a8,#0e0c0905 55%),url("https://hatchable.com/s/eyJwIjo0NzAwNSwiayI6ImFzc2V0c1wvdmlzaW9uLXRyaXB0eWNoLndlYnAifQ.2761bc06e1b5befb76fb4f66746d214a767831f302bf9f9dba463de87821a865");background-size:100% 100%,300% 100%;background-repeat:no-repeat}
.vision-photo[data-kind="umrah"]{background-position:center,left center}.vision-photo[data-kind="rumah"]{background-position:center,center center}.vision-photo[data-kind="orangtua"]{background-position:center,right center}
.vision-photo[data-kind="umrah"] .vision-symbol,.vision-photo[data-kind="rumah"] .vision-symbol,.vision-photo[data-kind="orangtua"] .vision-symbol{display:none}