:root{--g:#00372f;--g2:#064b40;--gold:#b77818;--cream:#fbfaf6;--line:#e7dfd3}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e9e7e0}body{display:grid;place-items:center;font-family:Arial,Helvetica,sans-serif;color:#17241f}.frame{position:relative;width:min(100vw,150vh);height:min(100vh,66.6667vw);overflow:hidden;background:var(--cream);font-size:min(1vw,1.5vh);display:grid;grid-template-rows:10.5% 70.5% 19%}.frame a{text-decoration:none;color:inherit}.frame h1,.frame h2,.frame h3{font-family:Georgia,'Times New Roman',serif;color:var(--g);margin:0}.frame p{margin:0;line-height:1.52}header{display:flex;align-items:center;padding:0 2.1%;gap:2.3%;background:#fff;position:relative;z-index:5}.logo{width:19%;display:flex;align-items:center;height:86%}.logo img{width:31%;height:100%;object-fit:contain}.logo span{width:69%;display:flex;flex-direction:column;padding-left:3%;font-family:Georgia,serif;line-height:1}.logo b{font-size:2.5em;letter-spacing:.17em;color:var(--g)}.logo i{font-style:normal;font-size:.88em;letter-spacing:.52em;color:var(--gold);text-align:center;margin-top:.42em}.logo.light b{color:#fff}.logo.light i{color:#dca23c}header nav{display:flex;justify-content:center;align-self:stretch;flex:1;gap:2.5em}header nav a{display:flex;align-items:center;border-bottom:.23em solid transparent;font-size:.81em;font-weight:700}header nav a.on{border-color:var(--gold)}.lang{display:flex;gap:.35em;font-weight:bold;font-size:.74em}.lang a.on{color:var(--gold)}.contact,.btn{background:var(--g);color:#fff!important;border-radius:.45em;padding:.85em 1.5em;font-weight:bold;font-size:.8em;white-space:nowrap}.frame main{min-height:0;display:grid;grid-template-rows:41.5% 58.5%}.hero{display:grid;grid-template-columns:38% 62%;position:relative;background:#fff}.hero-copy{padding:2.2% 4.5% 1% 6.5%;display:flex;justify-content:center;flex-direction:column}.hero-copy h1{font-size:3.1em;line-height:1.08;letter-spacing:.025em}.hero-copy h2{font:700 1.25em Arial;color:var(--gold);margin:.35em 0}.hero-copy h3{font-size:1.15em;line-height:1.3;margin:.2em 0}.hero-copy>span{width:2.6em;height:.14em;background:var(--gold);margin:.75em 0}.hero-copy p{font-size:.9em;max-width:35em}.hero-copy>div{margin-top:1em;display:flex;gap:1.1em}.btn.outline{background:#fff;color:var(--gold)!important;border:.1em solid var(--gold)}.hero-image{position:relative;background-size:cover;background-position:center}.hero-image:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff,transparent 20%)}.hero aside{position:absolute;right:4%;top:16%;width:24%;padding:1.2em 1.5em;background:rgba(0,55,47,.96);border-radius:.8em;color:var(--gold);font:3em Georgia}.hero aside p{color:#fff;font:normal .36em/1.55 Arial;margin-top:.35em}.hero.yayasan .hero-copy em{color:var(--gold);font-style:normal;font-weight:bold}.hero.yayasan .hero-copy h1{font-size:2.75em}.hero.yayasan .hero-copy h2{font-size:1.35em;color:var(--g);font-weight:normal}.hero.karier .hero-copy h1{font-size:2.65em}.hero.karier .hero-copy h2,.hero.kontak .hero-copy h2{font-size:1.25em}.hero.kontak .hero-copy h1{font-size:3em}.page-content{padding:.6% 2.1%;min-height:0;background:#fff}.section-title{text-align:center;height:12%;display:flex;flex-direction:column;justify-content:center}.section-title h2{font-size:1.55em}.section-title h2:before,.section-title h2:after{content:'';display:inline-block;width:2.6em;height:.06em;background:var(--gold);vertical-align:middle;margin:0 1.2em}.section-title p{font-size:.75em}.services{display:grid;grid-template-columns:repeat(7,1fr);gap:.8%;height:72%}.services article{position:relative;border:.08em solid var(--line);border-radius:.75em;background:#fff;overflow:hidden;text-align:center;padding:0 1.15em}.service-photo{width:calc(100% + 2.3em);height:34%;margin-left:-1.15em;object-fit:cover}.service-icon{position:absolute;left:50%;top:25%;transform:translateX(-50%);width:4.8em;height:4.8em;border-radius:50%;overflow:hidden;background:var(--g);border:.18em solid var(--gold)}.service-icon img{width:160%;height:160%;object-fit:cover;transform:translate(-19%,-18%)}.services h3{font-size:1em;line-height:1.15;margin-top:2.7em;min-height:2.3em}.services article>b,.value-cards article>b{display:block;width:1.8em;height:.11em;background:var(--gold);margin:.45em auto}.services p{font-size:.76em}.services.compact{height:50%}.services.compact .service-photo{display:none}.services.compact .service-icon{top:.7em}.services.compact h3{margin-top:5.2em}.home-band{height:38%;display:grid;grid-template-columns:1fr 1.25fr 1fr 1.25fr;border:.08em solid var(--line);border-radius:.65em;overflow:hidden}.home-band article{padding:1.25em 1.6em}.home-band h2{font-size:1.35em;color:var(--gold);margin-bottom:.55em}.home-band p{font-size:.76em}.home-band .green{background:var(--g);color:#fff}.page-content.home .section-title{height:10%}.page-content.home .services{height:52%}.page-content.home{padding-top:0}.about-top{height:54%;display:grid;grid-template-columns:1fr 1.55fr 1.7fr;border:.08em solid var(--line);border-radius:.8em;overflow:hidden}.about-top article{padding:1.2em 1.5em;border-right:.08em solid var(--line)}.about-top h2,.about-bottom h2{font-size:1.45em;margin-bottom:.7em}.about-top p,.about-top li{font-size:.78em;line-height:1.45}.about-top article:last-child p{margin:.28em 0}.about-top ul{padding-left:1.2em}.about-bottom{height:44%;display:grid;grid-template-columns:1.2fr 2.5fr 1.3fr;gap:1.2%;padding:1em 1.5em 0}.about-bottom article p{font-size:.77em}.about-bottom>img{width:100%;height:100%;object-fit:cover;border-radius:.8em}.steps{display:flex;align-items:center;justify-content:space-around}.steps b,.career-row article>div b{font:2.5em Georgia;color:var(--gold);text-align:center}.steps small,.career-row small{display:block;font:.38em Arial;color:var(--g);margin-top:.5em}.steps i{font-size:2.2em}.page-content.bisnis-kami .section-title{height:12%}.page-content.bisnis-kami .services{height:65%}.commit-row{height:22%;display:grid;grid-template-columns:1.5fr repeat(5,1fr);border:.08em solid var(--line);border-radius:.7em;margin-top:.6%;overflow:hidden}.commit-row>div,.commit-row article{padding:1em 1.2em;border-right:.08em solid var(--line)}.commit-row h2{font-size:1.3em}.commit-row p{font-size:.72em}.commit-row article{display:grid;grid-template-columns:3.2em 1fr;align-content:center}.commit-row article img{width:3em;height:3em;object-fit:cover;grid-row:1/3}.commit-row article b{font:700 .8em Georgia;color:var(--g)}.value-cards{height:58%;display:grid;grid-template-columns:repeat(6,1fr);gap:.8%}.value-cards article{border:.08em solid var(--line);border-radius:.7em;text-align:center;padding:1em}.value-cards img{width:6em;height:6em;object-fit:cover}.value-cards h3{font-size:1.1em}.value-cards p{font-size:.75em}.value-commit{height:39%;margin-top:1%;background:#f1f2eb;border-radius:.7em;display:grid;grid-template-columns:1.7fr repeat(4,1fr);align-items:center}.value-commit>*{padding:1.3em;border-right:.08em solid #d9d9cf;text-align:center}.value-commit article{text-align:left}.value-commit h2{font-size:1.5em}.value-commit p{font-size:.8em}.value-commit div>b{font-size:2.5em;color:var(--g)}.value-commit h3{font-size:1em}.page-content.nilai-kami{padding-top:1.4%}.programs{height:56%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2%}.programs article{border:.08em solid var(--line);border-radius:.8em;overflow:hidden;display:grid;grid-template-rows:58% 42%}.programs article>div{padding:.8em 1em;display:grid;grid-template-columns:5em 1fr}.programs article>div img{width:4.5em;height:4.5em;object-fit:cover;grid-row:1/3}.programs h3{font-size:1.1em}.programs p{font-size:.74em}.programs article>img{width:100%;height:100%;object-fit:cover}.impact{height:29%;display:grid;grid-template-columns:1.7fr 1fr;gap:1%;margin-top:1%}.impact article{border:.08em solid var(--line);border-radius:.7em;padding:1em 1.5em}.impact h2{font-size:1.2em}.impact p{font-size:.76em}.page-content.karier .section-title{height:10%}.page-content.karier .value-cards{height:47%}.career-row{height:42%;display:grid;grid-template-columns:1.4fr 1fr;gap:1%;margin-top:.8%}.career-row>article{padding:.8em 1.2em}.career-row>article:last-child{background:#f3f0e9;border-radius:.7em}.career-row h2{font-size:1.3em}.career-row article>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1em}.career-row p{font-size:.78em;margin:.8em 0 1em}.contact-panel{height:78%;border:.08em solid var(--line);border-radius:.8em;display:grid;grid-template-columns:1fr 1.35fr 1.55fr;gap:1.2%;padding:1.3em}.contact-panel h2,.cooperate h2{font-size:1.3em}.contact-panel section p{font-size:.78em;border-bottom:.07em solid var(--line);padding:.6em 0}.contact-panel>img{width:100%;height:100%;object-fit:cover}.contact-panel form{display:flex;flex-direction:column}.contact-panel form>div{display:grid;grid-template-columns:1fr 1fr;gap:.7em}.contact-panel input,.contact-panel select,.contact-panel textarea{width:100%;padding:.65em;border:.08em solid var(--line);border-radius:.35em;margin-top:.6em;font:inherit;background:#fff}.contact-panel textarea{height:7em;resize:none}.contact-panel button{border:0;align-self:flex-start;margin-top:.7em}.cooperate{height:20%;margin-top:.7%;border:.08em solid var(--line);border-radius:.7em;padding:1em 2em}.cooperate p{font-size:.8em}.page-content.kontak{padding-top:1%}footer{background:var(--g);color:#fff;display:grid;grid-template-columns:1.15fr 1.25fr .9fr 1.2fr .7fr;gap:2%;padding:1.1% 3.3% .5%;position:relative}.footer .logo{}footer .logo{width:100%;height:52%}footer .logo b{font-size:2em}footer .logo i{font-size:.7em}footer>div p{font-size:.72em;margin-top:.5em}footer h3{font:700 .83em Arial;color:#dca23c;margin:.2em 0 .5em}footer>div>a:not(.logo){display:block;font-size:.72em;margin:.08em 0}.social{color:#dca23c;font-size:1.4em!important}footer>small{position:absolute;bottom:.55em;left:40%;font-size:.68em}
@media(max-aspect-ratio:1/1){body{place-items:start center;background:#fff}.frame{width:100vw;height:66.6667vw;min-height:0}}
.service-icon{width:5.6em;height:5.6em;top:22%;background:#f8f7f2;border:.1em solid #d8bd86}.service-icon img{width:132%;height:132%;object-fit:contain;transform:translate(-12%,-12%)}.services.compact .service-icon{top:.35em}.services.compact h3{margin-top:5.7em}.page-content.home .section-title{height:15%}.page-content.home .services{height:49%}.page-content.home .home-band{height:36%}.steps b img{display:block;width:2.2em;height:2.2em;object-fit:contain;margin:auto}.career-row article>div img{display:block;width:2em;height:2em;object-fit:contain;margin:auto}.contact-panel section .contact-item{display:flex;gap:.8em;align-items:center}.contact-item img{width:3em;height:3em;object-fit:contain}.contact-item span{display:block}.social-icons{display:flex;gap:.6em}.social-icons img{width:3em;height:3em;object-fit:contain}.inline-mail{width:2.2em;height:2.2em;object-fit:contain;vertical-align:middle;margin-right:.55em}.send-icon{width:1.4em;height:1.4em;object-fit:contain;vertical-align:middle;margin-right:.4em}
.service-icon{display:grid;place-items:center}
.service-icon img{width:78%;height:78%;object-fit:contain;transform:none}
.hero.home .hero-image{background-position:center}
.hero.home .hero-quote{position:absolute;right:3.5%;top:15%;width:24%;min-height:68%;padding:1.25em 1.45em;background:rgba(0,55,47,.97);border-radius:.8em;color:#fff;font:inherit;display:flex;flex-direction:column;justify-content:center}
.hero.home .hero-quote strong{display:block;color:var(--gold);font:2.4em/.75 Georgia,'Times New Roman',serif}
.hero.home .hero-quote p{color:#fff;font:normal .92em/1.55 Arial,Helvetica,sans-serif;margin:.75em 0 1em}
.hero.home .hero-quote span{display:block;width:2.5em;height:.13em;background:var(--gold)}

/* Home lower section — rebuilt as structured HTML to match the approved reference */
.page-content.home .home-band{height:36%;grid-template-columns:.95fr 1.18fr .95fr 1.18fr;border-color:#e8e0d6;border-radius:.55em}
.home-band article{min-width:0;padding:.75em 1.35em;display:flex;flex-direction:column;justify-content:flex-start}
.home-band .green{background:linear-gradient(135deg,#064b40 0%,#00372f 100%)}
.home-band .band-heading{display:flex;align-items:center;gap:.8em;margin-bottom:.55em}
.home-band .band-heading h2,.home-band>article>h2{margin:0;color:var(--gold);font-size:1.35em;line-height:1.08}
.home-band .band-heading svg,.home-band .band-heading img{width:3.4em;height:3.4em;flex:0 0 3.4em;object-fit:contain}
.home-band .band-heading svg{fill:none;stroke:#c58b2c;stroke-width:2.4}
.home-band p{font-size:.72em;line-height:1.42}
.vision-panel p{font-size:.88em;line-height:1.55;margin-top:.25em}
.mission-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:.28em}
.mission-panel li{display:grid;grid-template-columns:1.25em 1fr;align-items:start}
.mission-panel li>span{color:var(--gold);font-size:.9em;border:.08em solid #d2a04f;border-radius:50%;width:1.05em;height:1.05em;display:grid;place-items:center;line-height:1;margin-top:.12em}
.mission-panel li p{font-size:.69em;line-height:1.3}
.values-panel>h2{margin-bottom:.38em!important}
.mini-values{display:grid;gap:.15em}
.mini-values>div{display:grid;grid-template-columns:2.1em 1fr;align-items:center;min-height:2.1em}
.mini-values img{width:1.85em;height:1.85em;object-fit:contain;filter:sepia(.8) saturate(1.4)}
.mini-values p{display:flex;flex-direction:column;line-height:1.12}
.mini-values b{font-size:.92em;color:#d6a13d}
.mini-values span{font-size:.82em;color:#fff;margin-top:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.foundation-panel{position:relative;background:linear-gradient(135deg,#fff 0%,#fbf8f2 100%)}
.foundation-head{display:flex;align-items:center;gap:1em;margin-bottom:.45em}
.foundation-head img{width:6.1em;height:5.4em;object-fit:contain;object-position:center}
.foundation-head h2{font-size:1.18em!important;line-height:1.18!important;color:var(--g)!important}
.foundation-panel>p{font-size:.72em;line-height:1.45;margin-bottom:.6em}
.foundation-panel>a{margin-top:auto;color:var(--gold);font-weight:700;font-size:.76em;letter-spacing:.02em}
.foundation-panel>a b{font-size:1.35em;margin-left:.5em}

/* Five-column footer matching the reference; the approved Dallè logo remains untouched */
.site-footer{grid-template-columns:1.18fr .78fr 1fr 1.32fr .72fr;grid-template-rows:1fr 1.65em;column-gap:0;padding:1% 3.3% .35%}
.site-footer>div:not(.footer-bottom){min-width:0;padding:0 1.4em;border-right:.06em solid rgba(255,255,255,.22)}
.site-footer>div:first-child{padding-left:0}
.site-footer>.footer-follow{border-right:0!important}
.site-footer .footer-brand .logo{height:42%;width:100%;justify-content:flex-start}
.site-footer .footer-brand .logo img{width:27%}
.site-footer .footer-brand .logo span{width:62%}
.site-footer .footer-brand .logo b{font-size:1.8em}
.site-footer .footer-brand .logo i{font-size:.62em}
.site-footer .footer-brand>p{font-size:.68em;line-height:1.48;margin-top:.35em;max-width:19em}
.site-footer h3{font-size:.8em;margin:.05em 0 .45em;color:#dca23c}
.site-footer .footer-links>a{display:block;font-size:.68em;line-height:1.35;margin:0}
.site-footer .footer-business>a{font-size:.64em;line-height:1.27}
.site-footer .footer-contact p{font-size:.65em;line-height:1.33;margin:0}
.site-footer .footer-contact p span{display:inline-block;padding-left:1.35em}
.site-footer .social-icons{gap:.55em;margin-top:.8em}
.site-footer .social-icons img{width:2.65em;height:2.65em}
.site-footer .footer-bottom{grid-column:1/-1;grid-row:2;display:flex;align-items:end;justify-content:center;border-top:.06em solid rgba(255,255,255,.18);position:relative;padding-top:.35em}
.site-footer .footer-bottom small{font-size:.65em}
.site-footer .footer-bottom nav{position:absolute;right:0;display:flex;align-items:center;gap:.9em;font-size:.63em}
.site-footer .footer-bottom i{width:.06em;height:1em;background:rgba(255,255,255,.55)}
.site-footer>small{display:none}

/* Screenshot-directed cleanup */
.frame{grid-template-rows:minmax(0,10.5%) minmax(0,70.5%) minmax(0,19%)}
.frame main,.site-footer{min-height:0;overflow:hidden}
.page-content.home .section-title{display:none;height:0}
.page-content.home .services{height:62%}
.page-content.home .home-band{height:38%}
.site-footer{grid-template-rows:minmax(0,1fr) 1.45em;padding-top:.7%;padding-bottom:.25%}
.site-footer>div:not(.footer-bottom){padding-left:1.25em;padding-right:1.25em;overflow:hidden}
.site-footer h3{text-transform:none;font-family:Arial,Helvetica,sans-serif;font-size:.77em;line-height:1.1;margin:0 0 .38em}
.site-footer .footer-brand .logo{height:40%}
.site-footer .footer-brand>p{font-size:.63em;line-height:1.38;margin-top:.2em}
.site-footer .footer-links>a{font-size:.63em;line-height:1.25;margin:0;text-transform:none}
.site-footer .footer-business>a{font-size:.6em;line-height:1.2}
.site-footer .footer-contact p{font-size:.6em;line-height:1.26}
.site-footer .social-icons{margin-top:.45em;gap:.5em}
.site-footer .social-icons img{width:2.45em;height:2.45em}
.site-footer .footer-bottom{min-height:0;padding-top:.2em}

/* Hard section boundaries: every block owns its area and cannot overlap a neighbour */
.frame main{grid-template-rows:minmax(0,41.5%) minmax(0,58.5%);overflow:hidden}
.hero,.hero-copy,.hero-image,.page-content,.services,.services article,.home-band,.home-band article{min-height:0;max-height:100%;overflow:hidden}
.hero{contain:layout paint}
.page-content.home{display:block;contain:layout paint;padding-bottom:0}
.hero.home .hero-copy{padding-top:1.2%;padding-bottom:1.2%}
.hero.home .hero-copy h1{font-size:2.88em;line-height:1.03}
.hero.home .hero-copy h2{font-size:1.12em;margin:.25em 0}
.hero.home .hero-copy>span{margin:.55em 0}
.hero.home .hero-copy h3{font-size:1.05em;line-height:1.2}
.hero.home .hero-copy p{font-size:.8em;line-height:1.38}
.page-content.home .services{height:55%}
.page-content.home .home-band{height:45%}
.services.compact .service-icon{top:.45em}
.services.compact h3{margin-top:5.45em}
.home-band article{padding-top:.6em;padding-bottom:.55em}
.home-band .band-heading{margin-bottom:.35em}
.home-band .band-heading svg,.home-band .band-heading img{width:3em;height:3em;flex-basis:3em}
.vision-panel p{font-size:.78em;line-height:1.42}
.mission-panel ul{gap:.16em}
.mission-panel li p{font-size:.63em;line-height:1.2}
.mini-values{gap:.02em}
.mini-values>div{grid-template-columns:1.8em 1fr;min-height:1.72em}
.mini-values img{width:1.55em;height:1.55em}
.mini-values b{font-size:.78em}
.mini-values span{font-size:.68em}
.foundation-head{margin-bottom:.25em}
.foundation-head img{width:5em;height:4.2em}
.foundation-panel>p{font-size:.65em;line-height:1.3;margin-bottom:.3em}
.site-footer{contain:layout paint}

/* Home typography and compact business strip requested in the latest review */
header nav a,.contact{font-size:.76em;text-transform:none}
.hero.home .hero-copy h1{font-size:2.08em;line-height:1.08;letter-spacing:.015em;text-transform:none}
.hero.home .hero-copy h2,.hero.home .hero-copy h3,.hero.home .hero-copy p{font-size:.76em;line-height:1.4;text-transform:none}
.hero.home .hero-copy h2{font-weight:700;margin:.38em 0}
.hero.home .hero-copy h3{font-family:Georgia,'Times New Roman',serif;font-weight:700}
.page-content.home .services{height:44%;gap:.7%}
.page-content.home .home-band{height:56%}
.services.compact article{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.6em 1em}
.services.compact .service-photo,.services.compact .service-icon{display:none}
.services.compact h3{font-size:.72em;line-height:1.25;min-height:2.5em;margin:0;display:flex;align-items:center;justify-content:center;text-transform:none}
.services.compact article>b{margin:.35em auto}
.services.compact p{font-size:.72em;line-height:1.35;text-transform:none}
.home-band .band-heading h2,.home-band>article>h2,.foundation-head h2{font-size:.76em!important;line-height:1.25!important;text-transform:none}
.home-band p,.mission-panel li p,.foundation-panel>p,.foundation-panel>a{font-size:.72em;line-height:1.35;text-transform:none}
.mini-values b,.mini-values span{font-size:.72em;text-transform:none}
.mini-values p{font-size:1em;line-height:1}
.mini-values>div{min-height:1.68em}
.foundation-head img{width:4.4em;height:4.4em;object-fit:contain;background:transparent;border-radius:0}
.foundation-head{gap:.75em}

/* Home review: larger readable typography, new business imagery, and unclipped values */
.hero.home .hero-copy{justify-content:flex-start;padding-top:3.2%;padding-bottom:.8%}
.hero.home .hero-copy h1{font-size:2.45em;line-height:1.05}
.hero.home .hero-copy h2{font-size:.88em;line-height:1.3;margin:.28em 0}
.hero.home .hero-copy h3{font-size:.88em;line-height:1.25}
.hero.home .hero-copy p{font-size:.84em;line-height:1.38}
.page-content.home .services{height:49%;gap:.7%}
.page-content.home .home-band{height:51%;grid-template-columns:.92fr 1.12fr 1.2fr 1.26fr}
.services.compact article{justify-content:flex-start;padding:0 .85em .55em}
.services.compact .service-photo{display:block;width:calc(100% + 1.7em);height:39%;flex:0 0 39%;margin:0 -.85em;object-fit:cover}
.services.compact .service-icon{display:none}
.services.compact h3{font-size:.82em;line-height:1.18;min-height:2.25em;margin:.45em 0 0;flex:0 0 auto}
.services.compact article>b{margin:.24em auto}
.services.compact p{font-size:.76em;line-height:1.28}
.home-band article{padding:.72em 1.2em .55em}
.home-band .band-heading{margin-bottom:.32em}
.home-band .band-heading h2,.home-band>article>h2,.foundation-head h2{font-size:.86em!important;line-height:1.2!important}
.home-band p,.mission-panel li p,.foundation-panel>p,.foundation-panel>a{font-size:.76em;line-height:1.32}
.vision-panel p{font-size:.82em;line-height:1.42}
.mission-panel ul{gap:.13em}
.mini-values{gap:.08em;min-height:0}
.mini-values>div{grid-template-columns:1.55em minmax(0,1fr);align-items:start;min-height:0}
.mini-values img{width:1.3em;height:1.3em;margin-top:.12em}
.mini-values p{display:block;min-width:0;font-size:1em;line-height:1.12}
.mini-values b{display:block;font-size:.78em;line-height:1.05}
.mini-values span{display:block;font-size:.67em;line-height:1.18;margin-top:.05em;white-space:normal;overflow:visible;text-overflow:clip}
.foundation-head img{width:4.8em;height:4.5em}

/* One-page corporate site: readable typography and natural vertical scrolling */
html{scroll-behavior:smooth;scroll-padding-top:104px}
html,body{width:100%;height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}
body{display:block;background:#e9e7e0}
.frame{width:100%;max-width:1600px;height:auto;min-height:100vh;margin:0 auto;overflow:visible;display:block;font-size:16px}
header{position:sticky;top:0;height:104px;padding:0 3%;z-index:100;box-shadow:0 3px 18px rgba(0,40,34,.08)}
header nav{gap:clamp(16px,2vw,34px)}
header nav a,.contact{font-size:14px}
.lang{font-size:14px}
.one-page{display:block!important;overflow:visible!important}
.one-section{display:block;scroll-margin-top:104px;background:#fff;border-bottom:1px solid var(--line)}
.one-section .hero{height:auto;min-height:540px;max-height:none;overflow:hidden;grid-template-columns:40% 60%}
.one-section .hero-copy{padding:56px 6%;justify-content:center;overflow:visible}
.one-section .hero-copy h1,.hero.home .hero-copy h1{font-size:clamp(38px,3.2vw,54px);line-height:1.08}
.one-section .hero-copy h2,.hero.home .hero-copy h2{font-size:20px;line-height:1.4;margin:.55em 0}
.one-section .hero-copy h3,.hero.home .hero-copy h3{font-size:22px;line-height:1.32}
.one-section .hero-copy p,.hero.home .hero-copy p{font-size:18px;line-height:1.65;max-width:36em}
.one-section .hero-image{min-height:540px;max-height:none;overflow:hidden}
.one-section .hero.tentang-kami{position:relative;display:block;min-height:590px}
.one-section .hero.tentang-kami .hero-copy{position:relative;z-index:2;width:43%;min-height:590px;padding:92px 0 54px 2.5%;justify-content:flex-start}
.one-section .hero.tentang-kami .hero-copy h1,.one-section .hero.tentang-kami .hero-copy h2,.one-section .hero.tentang-kami .hero-copy p{max-width:560px}
.one-section .hero.tentang-kami .hero-image{position:absolute;z-index:1;inset:0 0 0 24%;width:auto;min-height:590px;background-position:center;background-size:cover}
.one-section .hero.tentang-kami .hero-image:before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 8%,rgba(255,255,255,.7) 18%,rgba(255,255,255,.18) 29%,transparent 38%)}
.hero.home .hero-quote{width:29%;min-height:52%;top:23%;right:4%;padding:28px}
.hero.home .hero-quote p{font-size:17px;line-height:1.55}
.page-content,.page-content.home{height:auto;min-height:0;max-height:none;overflow:visible;display:block;padding:52px 3.2% 64px}
.page-content.tentang-kami,.page-content.bisnis-kami,.page-content.nilai-kami,.page-content.yayasan,.page-content.karier,.page-content.kontak{padding:52px 3.2% 64px}
.page-content.home .section-title{display:flex;height:auto}
.section-title{height:auto;margin-bottom:28px}
.section-title h2{font-size:32px}
.section-title p{font-size:17px;margin-top:8px}
.services,.services.compact,.page-content.home .services,.page-content.bisnis-kami .services{height:auto;max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.services article,.services.compact article{height:auto;min-height:370px;max-height:none;overflow:hidden;padding:0 18px 24px;justify-content:flex-start}
.service-photo,.services.compact .service-photo{display:block;width:calc(100% + 36px);height:150px;flex:0 0 150px;margin:0 -18px;object-fit:cover}
.services.compact .service-icon{display:none}
.services h3,.services.compact h3{font-size:17px;line-height:1.25;min-height:2.6em;margin:18px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:none}
.services h3>span{font-size:1em;white-space:nowrap}
.services h3 .wide-line{transform:scaleX(.88)}
.services p,.services.compact p{font-size:16px;line-height:1.5}
.services article>b,.value-cards article>b{margin:10px auto}
.page-content.home .home-band,.home-band{height:auto;max-height:none;overflow:visible;grid-template-columns:.95fr 1.15fr 1.15fr 1.2fr;margin-top:28px}
.home-band article{height:auto;min-height:310px;max-height:none;overflow:visible;padding:28px 26px}
.home-band .band-heading h2,.home-band>article>h2,.foundation-head h2{font-size:22px!important;line-height:1.2!important}
.home-band p,.vision-panel p,.mission-panel li p,.foundation-panel>p,.foundation-panel>a{font-size:16px;line-height:1.5}
.mission-panel ul{gap:10px}
.mission-panel li{grid-template-columns:24px 1fr}
.mini-values{gap:10px}
.mini-values>div{grid-template-columns:34px minmax(0,1fr);min-height:0}
.mini-values img{width:26px;height:26px}
.mini-values p{font-size:16px}
.mini-values b{font-size:16px;line-height:1.2}
.mini-values span{font-size:15px;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip}
.foundation-head img{width:92px;height:78px}
.about-top,.about-bottom,.value-cards,.value-commit,.programs,.impact,.career-row,.contact-panel,.cooperate,.commit-row{height:auto;max-height:none;overflow:visible}
.about-top{min-height:360px}
.about-top h2,.about-bottom h2,.value-commit h2,.career-row h2,.contact-panel h2,.cooperate h2,.commit-row h2{font-size:25px}
.about-top p,.about-top li,.about-bottom article p,.value-commit p,.career-row p,.contact-panel section p,.cooperate p,.commit-row p{font-size:16px;line-height:1.55}
.about-bottom{min-height:300px;margin-top:28px}
.page-content.tentang-kami{padding-top:44px}
.about-story{position:relative;display:grid;grid-template-columns:1.15fr 2.15fr 1.25fr;min-height:350px;overflow:hidden;border:1px solid rgba(183,120,24,.22);border-radius:28px;background:linear-gradient(120deg,#f8f6ee 0%,#fff 58%,#eef3eb 100%);box-shadow:0 18px 48px rgba(0,55,47,.08)}
.about-story:after{content:'';position:absolute;left:28px;right:28px;top:18px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.55}
.about-story-copy{display:flex;align-items:center;padding:48px 24px 48px 38px;position:relative;z-index:2}
.about-story-copy p{font-size:17px;line-height:1.72;margin:0;color:#22342d}
.about-story-copy p:before{content:'';display:block;width:48px;height:3px;margin-bottom:20px;background:var(--gold);border-radius:99px}
.about-journey{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:58px 12px 42px;z-index:2}
.about-journey:before{content:'';position:absolute;left:12%;right:12%;top:45%;height:2px;background:linear-gradient(90deg,rgba(183,120,24,.15),var(--gold),rgba(183,120,24,.15))}
.journey-step{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.journey-step span{width:86px;height:86px;display:grid;place-items:center;border:1px solid rgba(183,120,24,.55);border-radius:50%;background:#fff;box-shadow:0 10px 24px rgba(0,55,47,.09)}
.journey-step img{width:58px;height:58px;object-fit:contain}
.journey-step b{font:700 17px Georgia,'Times New Roman',serif;color:var(--g)}
.about-story-image{position:relative;min-height:350px;background:url('/assets/ui/about-plant.jpg') center/cover no-repeat}
.about-story-image:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f4f3e9 0%,rgba(244,243,233,.4) 18%,transparent 42%)}
.page-content.tentang-kami .home-band{margin-top:34px}.page-content.home #ekosistem-bisnis{scroll-margin-top:92px}
.page-content.bisnis-kami .section-title{height:auto}
.commit-row{min-height:190px;margin-top:28px}
.commit-row article b{font-size:16px}
.value-cards{min-height:360px}
.value-cards article{padding:24px 18px}
.value-cards h3{font-size:19px}
.value-cards p{font-size:16px;line-height:1.5}
.value-commit{min-height:260px;margin-top:28px}
.value-commit h3{font-size:17px}
.programs{min-height:460px}
.programs h3{font-size:20px}
.programs p,.impact p{font-size:16px;line-height:1.5}
.impact{min-height:170px;margin-top:28px}
.impact h2{font-size:22px}
.page-content.karier .section-title{height:auto}
.page-content.karier .value-cards{height:auto}
.career-row{min-height:260px;margin-top:28px}
.contact-panel{min-height:520px}
.contact-panel input,.contact-panel select,.contact-panel textarea{font-size:16px}
.cooperate{min-height:140px;margin-top:24px}
.site-footer{height:auto;min-height:310px;overflow:visible;padding:32px 3.3% 14px;grid-template-rows:minmax(0,1fr) 38px}
.site-footer h3{font-size:17px}
.site-footer .footer-brand>p,.site-footer .footer-links>a,.site-footer .footer-business>a,.site-footer .footer-contact p{font-size:14px;line-height:1.55}
.site-footer .footer-bottom small,.site-footer .footer-bottom nav{font-size:13px}
@media(max-width:1250px){
 header{height:92px}
 html{scroll-padding-top:92px}.one-section{scroll-margin-top:92px}
 .logo{width:22%}.logo b{font-size:2em}header nav{gap:14px}header nav a,.contact,.lang{font-size:12px}
 .services,.services.compact,.page-content.home .services,.page-content.bisnis-kami .services{grid-template-columns:repeat(3,1fr)}
 .page-content.home .home-band,.home-band{grid-template-columns:repeat(2,1fr)}
}
.one-section .hero.yayasan .hero-copy{justify-content:flex-start;padding-top:30px;padding-bottom:38px}.foundation-hero-logo{width:112px;height:112px;object-fit:contain;object-position:left center;margin:0 0 8px}.one-section .hero.yayasan .hero-copy>span{margin-top:auto;margin-bottom:14px}.one-section .hero.yayasan .hero-copy>p{max-width:510px}
@media(max-width:760px){
 header{height:auto;min-height:82px;flex-wrap:wrap;padding:10px 18px}
 header .logo{width:48%;height:62px}header nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;height:44px;gap:20px}header nav a{white-space:nowrap}
 .contact{margin-left:auto}.lang{display:none}
 .one-section .hero{grid-template-columns:1fr;min-height:0}
 .one-section .hero-copy{padding:44px 24px}.one-section .hero-image{min-height:400px}
 .one-section .hero-copy h1,.hero.home .hero-copy h1{font-size:38px}
 .hero.home .hero-quote{width:48%;right:5%;min-height:55%}
 .page-content,.page-content.home{padding:40px 20px 52px}
 .services,.services.compact,.page-content.home .services,.page-content.bisnis-kami .services{grid-template-columns:1fr}
 .services article,.services.compact article{min-height:0}
 .page-content.home .home-band,.home-band,.about-top,.about-bottom,.value-cards,.value-commit,.programs,.impact,.career-row,.contact-panel,.commit-row{grid-template-columns:1fr}
 .home-band article{min-height:0}.about-top article{border-bottom:1px solid var(--line)}
 .programs article{min-height:420px}.site-footer{grid-template-columns:1fr 1fr;gap:28px}.site-footer .footer-bottom{grid-column:1/-1}
}

/* Hero refinement from the marked review: image reaches left under a soft fade,
   while the copy uses a narrower measure and fills the vertical space. */
.one-section .hero.home{position:relative;display:block;min-height:590px}
.one-section .hero.home .hero-copy{position:relative;z-index:2;width:42%;min-height:590px;padding:28px 0 48px 2.5%;justify-content:flex-start}
.one-section .hero.home .hero-copy h1{max-width:520px}
.one-section .hero.home .hero-copy h2{max-width:410px}
.one-section .hero.home .hero-copy h3{max-width:430px;margin-top:.25em}
.one-section .hero.home .hero-copy p{max-width:405px;margin-top:.25em}
.one-section .hero.home .hero-image{position:absolute;z-index:1;top:0;right:0;bottom:0;left:18%;min-height:590px;width:auto}
.one-section .hero.home .hero-image:before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 8%,rgba(255,255,255,.72) 17%,rgba(255,255,255,.2) 26%,transparent 34%)}
.one-section .hero.home .hero-quote{z-index:3}
.one-section .hero.home .hero-quote{width:24%;min-height:0;height:auto;top:25%;padding:22px 28px;justify-content:flex-start}
.one-section .hero.home .hero-quote strong{font-size:2.1em}
.one-section .hero.home .hero-quote p{margin:.45em 0 .75em}
@media(max-width:900px){
 .about-story{grid-template-columns:1fr;min-height:0}
 .about-story-copy{padding:42px 30px 20px}
 .about-journey{padding:34px 18px 46px}
 .journey-step span{width:72px;height:72px}.journey-step img{width:48px;height:48px}
 .about-story-image{min-height:320px}
 .one-section .hero.tentang-kami{display:grid;grid-template-columns:1fr;min-height:0}
 .one-section .hero.tentang-kami .hero-copy{position:relative;width:100%;min-height:0;padding:44px 24px}
 .one-section .hero.tentang-kami .hero-copy h1,.one-section .hero.tentang-kami .hero-copy h2,.one-section .hero.tentang-kami .hero-copy p{max-width:620px}
 .one-section .hero.tentang-kami .hero-image{position:relative;inset:auto;width:100%;min-height:430px}
 .one-section .hero.home{display:grid;grid-template-columns:1fr;min-height:0}
 .one-section .hero.home .hero-copy{position:relative;width:100%;min-height:0;padding:44px 24px}
 .one-section .hero.home .hero-copy h1,.one-section .hero.home .hero-copy h2,.one-section .hero.home .hero-copy h3,.one-section .hero.home .hero-copy p{max-width:620px}
 .one-section .hero.home .hero-image{position:relative;inset:auto;width:100%;min-height:430px}
 .one-section .hero.home .hero-quote{width:64%;top:17%;right:5%;padding:22px 24px}
}

/* Contact details receive more room; the message form stays compact. */
.contact-panel{grid-template-columns:1.28fr 1.36fr 1.16fr;min-height:450px;gap:18px;padding:22px}
.contact-panel .address-line{white-space:nowrap}
.contact-item>span{display:block}
.contact-panel .contact-item .address-line{display:inline!important}
.contact-panel>img{min-width:0}
.contact-panel form{min-width:0}
.contact-panel textarea{height:112px}
@media(max-width:1050px){
 .contact-panel{grid-template-columns:1fr 1.12fr 1fr}
 .contact-panel .address-line{white-space:normal}
}
@media(max-width:760px){
 .contact-panel{grid-template-columns:1fr;min-height:0}
}

/* Footer contact information uses the same formal icon set and alignment. */
.site-footer .footer-contact-list{display:flex;flex-direction:column;gap:7px}
.site-footer .footer-contact-list>div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start}
.site-footer .footer-contact-list img{width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(74%) sepia(65%) saturate(669%) hue-rotate(352deg) brightness(92%)}
.site-footer .footer-contact-list a,.site-footer .footer-contact-list p{font-size:14px;line-height:1.42;color:#fff;margin:0}
.site-footer .footer-contact-list a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.55);width:max-content;max-width:100%}
.site-footer .footer-address p{padding:0!important}

/* Footer uses the formal vertical lockup: emblem above the Dallè wordmark. */
.site-footer .footer-brand{display:flex;align-items:center;justify-content:center}
.site-footer .footer-logo-stacked{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}
.site-footer .footer-logo-stacked img{width:138px;height:120px;object-fit:contain;margin:0 0 2px}
.site-footer .footer-logo-stacked strong{font:700 34px/1 Georgia,'Times New Roman',serif;letter-spacing:.18em;color:#fff;margin-left:.18em}
.site-footer .footer-logo-stacked span{font:400 13px/1.2 Georgia,'Times New Roman',serif;letter-spacing:.55em;color:#dca23c;margin:8px 0 0 .55em}
@media(max-width:760px){
 .site-footer .footer-logo-stacked img{width:112px;height:98px}
 .site-footer .footer-logo-stacked strong{font-size:28px}
}
.programs{min-height:0;align-items:stretch}.programs article{grid-template-rows:auto 210px;min-height:0;border-radius:14px}.programs article>div{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:16px;row-gap:6px;align-content:start;padding:22px 20px}.programs article>div img{width:72px;height:72px;grid-row:1/3;object-fit:contain;padding:10px;border-radius:50%;background:linear-gradient(145deg,#fbfaf5,#eff2e9);border:1px solid rgba(183,120,24,.28)}.programs h3{font-size:20px;line-height:1.2;margin:4px 0 0;align-self:start}.programs p{font-size:16px;line-height:1.5;margin:0;align-self:start}.programs article>img{width:100%;height:210px;object-fit:cover}.impact{height:auto;min-height:0;margin-top:24px;align-items:stretch}.impact article{min-height:116px;padding:20px 26px;display:flex;flex-direction:column;justify-content:center}.impact h2{font-size:22px;margin:0 0 7px}.impact p{margin:0}

/* Contact hero: bespoke full-width image with an integrated editorial fade. */
.one-section .hero.kontak{position:relative;display:block;min-height:540px;background:#fff}
.one-section .hero.kontak .hero-copy{position:relative;z-index:2;width:43%;min-height:540px;padding:88px 0 64px 2.5%;justify-content:flex-start}
.one-section .hero.kontak .hero-copy h1{max-width:520px;font-size:clamp(42px,3.5vw,58px)}
.one-section .hero.kontak .hero-copy h2{max-width:480px;margin:.45em 0 .25em}
.one-section .hero.kontak .hero-copy>span{margin:.8em 0 .7em}
.one-section .hero.kontak .hero-copy p{max-width:500px;line-height:1.62}
.one-section .hero.kontak .hero-image{position:absolute;z-index:1;inset:0 0 0 21%;width:auto;min-height:540px;background-position:center center;background-size:cover}
.one-section .hero.kontak .hero-image:before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 9%,rgba(255,255,255,.78) 18%,rgba(255,255,255,.26) 28%,transparent 39%)}
@media(max-width:900px){
 .one-section .hero.kontak{display:grid;grid-template-columns:1fr;min-height:0}
 .one-section .hero.kontak .hero-copy{position:relative;width:100%;min-height:0;padding:44px 24px}
 .one-section .hero.kontak .hero-copy h1,.one-section .hero.kontak .hero-copy h2,.one-section .hero.kontak .hero-copy p{max-width:650px}
 .one-section .hero.kontak .hero-image{position:relative;inset:auto;width:100%;min-height:430px;background-position:65% center}
 .one-section .hero.kontak .hero-image:before{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.24) 18%,transparent 38%)}
}

/* Clean, native value icons replace the old cropped image fragments. */
.value-icon{display:block;width:72px;height:72px;margin:0 auto 10px;color:var(--g);fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.value-icon .accent{stroke:var(--gold)}
.value-cards .value-icon{width:82px;height:82px;margin-bottom:12px}
.values-panel .value-icon{color:#fff}
.mini-values .value-icon{width:27px;height:27px;margin:1px 0 0;stroke-width:3.4}
.commit-row .value-icon{width:46px;height:46px;margin:0 9px 0 0;grid-row:1/3;align-self:center}

/* Foundation hero: a new clean scene extends behind the copy toward the left. */
.one-section .hero.yayasan{position:relative;display:block;min-height:610px;background:#fff}
.one-section .hero.yayasan .hero-copy{position:relative;z-index:2;width:40%;min-height:610px;padding:42px 0 48px 2.5%;justify-content:flex-start}
.one-section .hero.yayasan .hero-copy h1,.one-section .hero.yayasan .hero-copy h2,.one-section .hero.yayasan .hero-copy p{max-width:520px}
.one-section .hero.yayasan .hero-copy>span{margin-top:auto;margin-bottom:14px}
.one-section .hero.yayasan .hero-image{position:absolute;z-index:1;inset:0 0 0 17%;width:auto;min-height:610px;background-position:center center;background-size:cover}
.one-section .hero.yayasan .hero-image:before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 10%,rgba(255,255,255,.82) 20%,rgba(255,255,255,.32) 31%,transparent 43%)}

/* Foundation copy balance: enlarge the mark and keep title, rule, and body together. */
.one-section .hero.yayasan .foundation-hero-logo{width:260px;height:260px;margin:0;object-position:left top}
.one-section .hero.yayasan .hero-copy>em{margin-top:auto;margin-bottom:4px}
.one-section .hero.yayasan .hero-copy h1{line-height:1.04;margin:0 0 8px}
.one-section .hero.yayasan .hero-copy h2{margin:0;line-height:1.3}
.one-section .hero.yayasan .hero-copy>span{margin:22px 0 14px}
.one-section .hero.yayasan .hero-copy>p{margin:0}
@media(max-width:900px){
 .one-section .hero.yayasan{display:grid;grid-template-columns:1fr;min-height:0}
 .one-section .hero.yayasan .hero-copy{position:relative;width:100%;min-height:0;padding:38px 24px 34px}
 .one-section .hero.yayasan .foundation-hero-logo{width:180px;height:180px}
 .one-section .hero.yayasan .hero-copy>em{margin-top:18px}
 .one-section .hero.yayasan .hero-copy>span{margin:18px 0 14px}
 .one-section .hero.yayasan .hero-image{position:relative;inset:auto;width:100%;min-height:430px;background-position:center}
 .one-section .hero.yayasan .hero-image:before{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.2) 18%,transparent 36%)}
}