/* Satu lingkungan yang memadukan Kuno, Modern dan Sci-fi. Lingkup: #kreasi. */
#kreasi{background:radial-gradient(ellipse at 75% 45%,#e9efe1 0,transparent 52%),#faf8f1!important;scroll-margin-top:65px!important}
#kreasi::before{display:none}
#kreasi .nwv-stage{display:grid;grid-template-columns:.78fr 1.32fr;gap:22px;align-items:center}
#kreasi .nwv-copy{position:relative;z-index:2}
#kreasi .nwv-eyebrow{display:inline-block;padding:6px 13px;margin:0 0 20px;border-radius:99px;background:#e6eddc;font-size:12px;font-weight:900;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:#355d40}
#kreasi h2{margin:0 0 22px;font-size:clamp(42px,4.4vw,56px)!important;font-weight:900!important;line-height:1.08!important;letter-spacing:-1.8px!important;color:#173f36}
#kreasi h2 span{color:#2b8466}
#kreasi .nwv-intro{max-width:400px;margin:0 0 24px;color:#435749;font-size:17px;font-weight:700;line-height:1.65;text-wrap:pretty}
#kreasi .nwv-intro strong{display:block;margin-bottom:12px;color:#254e39;font-size:20px;font-weight:900;line-height:1.45}
#kreasi .nwv-intro>span{display:block}
#kreasi .nwv-blend{display:flex;align-items:center;gap:10px;margin:0;font-size:13px;font-weight:900;line-height:1.4;color:#315a40}
#kreasi .nwv-blend>span{display:inline-block;padding:8px 13px;border:1px solid #cedac5;border-radius:8px;background:#edf2e6}
#kreasi .nwv-blend i{font-style:normal;color:#7a8c73;font-size:15px;font-weight:700}
#kreasi .nwv-visual{margin:0;min-width:0}
#kreasi .nwv-scene{position:relative;aspect-ratio:3/2;isolation:isolate}
#kreasi .nwv-scene::before{content:"";position:absolute;inset:12% 7% 5%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#d8e7cd66,transparent 68%)}
#kreasi .nwv-scene img{display:block;width:100%;height:100%;object-fit:contain}
#kreasi .nwv-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:32px 0 0;margin:36px 0 0;border-top:1px solid #dce2d3;list-style:none}
#kreasi .nwv-perks li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:13px;align-items:start;min-width:0;padding:0 26px}
#kreasi .nwv-perks li:first-child{padding-left:0}
#kreasi .nwv-perks li:last-child{padding-right:0}
#kreasi .nwv-perks li+li{border-left:1px solid #e0e5d9}
#kreasi .nwv-perk-number{padding-top:4px;color:#55774e;font-size:12px;font-weight:900;line-height:1.6;letter-spacing:.08em;font-variant-numeric:tabular-nums}
#kreasi .nwv-perks h3{margin:0 0 9px;font-size:19px!important;line-height:1.35!important;letter-spacing:-.25px;font-weight:900;color:#214c37}
#kreasi .nwv-perks p{max-width:285px;margin:0;color:#435749;font-size:15px;line-height:1.65;font-weight:700;text-wrap:pretty}
@media(max-width:980px){
  #kreasi .nwv-stage{grid-template-columns:.9fr 1.1fr;gap:10px}
  #kreasi h2{font-size:46px!important}
  #kreasi .nwv-intro{font-size:16px}
  #kreasi .nwv-intro strong{font-size:19px}
  #kreasi .nwv-perks li{padding-left:18px;padding-right:18px;gap:10px}
  #kreasi .nwv-perks h3{font-size:18px!important}
  #kreasi .nwv-perks p{font-size:14px}
}
@media(max-width:700px){
  #kreasi{padding-top:54px!important;padding-bottom:54px!important}
  #kreasi .nwv-stage{grid-template-columns:1fr;gap:16px}
  #kreasi .nwv-copy{text-align:center}
  #kreasi .nwv-eyebrow{margin:0 0 18px;font-size:12px}
  #kreasi h2{margin:0 0 20px;font-size:clamp(36px,9.8vw,42px)!important;letter-spacing:-1.3px!important}
  #kreasi .nwv-intro{max-width:420px;margin:0 auto 22px;text-align:center;font-size:16px;line-height:1.65}
  #kreasi .nwv-intro strong{font-size:18px;margin-bottom:11px}
  #kreasi .nwv-blend{justify-content:center;gap:8px;font-size:12px}
  #kreasi .nwv-blend>span{padding:7px 12px}
  #kreasi .nwv-visual{width:100%;max-width:540px;justify-self:center}
  #kreasi .nwv-perks{grid-template-columns:1fr;margin-top:28px;padding-top:0;max-width:420px;margin-left:auto;margin-right:auto}
  #kreasi .nwv-perks li{grid-template-columns:25px minmax(0,1fr);padding:24px 0;gap:14px}
  #kreasi .nwv-perks li+li{border-left:0;border-top:1px solid #e0e5d9}
  #kreasi .nwv-perks li:last-child{padding-bottom:0}
  #kreasi .nwv-perks h3{margin-bottom:8px;font-size:19px!important}
  #kreasi .nwv-perks p{max-width:none;font-size:15px}
}