:root{--paper:#fafbf9;--ink:#232b29;--muted:#59625e;--line:#dce1db;--red:#bf3d2b;--soft:#edf0e9;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-size:1.0625rem;line-height:1.65}a{color:inherit;text-underline-offset:5px}a,button{touch-action:manipulation}img{max-width:100%;display:block}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--red);outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:12px}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.site-header{position:sticky;top:0;background:rgba(250,251,249,.97);z-index:20;border-bottom:1px solid var(--line)}.header-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:150px;height:auto}.site-nav{display:flex;align-items:center;gap:30px}.site-nav a{font-size:0.875rem;text-decoration:none;padding:10px 0;white-space:nowrap}.site-nav a[aria-current=page]{color:var(--red);box-shadow:0 1px var(--red)}.site-nav a:hover{color:var(--red)}.site-nav .nav-contact{border:1px solid var(--ink);padding:10px 18px}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:9px 15px}.eyebrow{font-size:0.75rem;letter-spacing:.17em;text-transform:uppercase;font-weight:600;margin:0 0 26px;color:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(3.0rem,6.5vw,5.5rem);margin-bottom:30px}h2{font-size:clamp(2.375rem,4.6vw,3.875rem);margin-bottom:25px}h3{font-size:1.8125rem;margin-bottom:18px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero{padding:76px 0 68px}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.hero-copy{max-width:680px}.hero-copy p:not(.eyebrow){max-width:470px;color:var(--muted);font-size:1.125rem}.hero-media{height:540px;background:var(--soft);position:relative;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-note{position:absolute;bottom:0;left:0;right:0;padding:45px 26px 23px;background:linear-gradient(transparent,rgba(10,20,15,.65));color:white;font-size:0.8125rem;letter-spacing:.03em}.hero-placeholder{height:100%;display:flex;align-items:center;justify-content:center;padding:50px;background:var(--soft)}.hero-placeholder img{width:85%;height:auto;object-fit:contain}.actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;text-decoration:none;font-size:0.875rem;font-weight:600;border:1px solid var(--ink);background:var(--ink);color:white;transition:background .2s}.button:hover{background:var(--red);border-color:var(--red)}.button.secondary{background:transparent;color:var(--ink)}.button.secondary:hover{background:var(--soft)}.text-link{font-size:0.875rem;font-weight:600;display:inline-block;padding:8px 0;text-decoration:underline}.intro-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.intro-band .wrap{display:flex;justify-content:space-between;gap:20px;font-size:0.8125rem;letter-spacing:.07em;text-transform:uppercase}.section{padding:95px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;margin-bottom:50px}.section-head p:not(.eyebrow){color:var(--muted);max-width:520px;padding-top:8px}.section-head h2{margin:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.project{border-top:1px solid var(--line);padding-top:24px}.project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.project-top h3{font-size:2.1875rem;margin:0}.project-number{font-size:0.8125rem;color:var(--muted)}.project-image{height:310px;background:var(--soft);margin-bottom:25px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover .project-image img{transform:scale(1.025)}.project-logo{height:70px;max-width:185px;object-fit:contain;object-position:left;margin-bottom:20px}.project p{color:var(--muted);max-width:550px}.tag{display:inline-block;font-size:0.75rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;color:var(--red)}.unwined{margin-top:44px;border:1px solid var(--line);padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:30px}.unwined h3{margin:0 0 8px}.unwined p{margin:0;color:var(--muted)}.unwined .eyebrow{margin-bottom:10px}.dark-section{background:var(--ink);color:white}.dark-section .eyebrow{color:#f18371}.dark-section p{color:#cbd3cd}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.service{border-top:1px solid #64706a;padding-top:24px}.service span{font-size:0.8125rem;color:#cbd3cd}.service h3{margin-top:24px}.service p{font-size:1.0rem}.cta{padding:80px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:45px}.cta h2{margin-bottom:12px}.cta p{margin:0;color:var(--muted)}.site-footer{background:var(--soft);padding:55px 0 25px;font-size:0.875rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer-logo{width:145px;margin-bottom:18px}.footer-links{display:flex;flex-direction:column;align-items:start;gap:9px}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-title{font-size:0.75rem;letter-spacing:.13em;text-transform:uppercase;margin-bottom:18px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:25px;margin-top:40px;border-top:1px solid #cbd1c9;font-size:0.75rem;color:var(--muted)}.page-intro{padding:76px 0 45px;max-width:960px}.page-intro h1{font-size:clamp(3.0rem,6vw,5.0rem)}.lead{font-size:1.3125rem;color:var(--muted);max-width:750px}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%}.prose p{max-width:680px}.quote{font-family:Georgia,serif;font-size:2.1875rem;line-height:1.4;padding:36px;border-left:2px solid var(--red);background:var(--soft)}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:30px;margin-top:45px;gap:30px}.fact strong{font-weight:400;font-size:2.1875rem;display:block;letter-spacing:-.04em}.fact span{color:var(--muted);font-size:0.875rem}.service-row{display:grid;grid-template-columns:60px 1fr 1.1fr;gap:40px;padding:42px 0;border-top:1px solid var(--line)}.service-row p{margin:0;color:var(--muted)}.service-row h2{font-size:2.125rem;margin:0}.service-row .number{color:var(--red);font-size:0.875rem}.billing-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:55px;align-items:start}.billing-card{background:white;border:1px solid var(--line);padding:38px}.billing-card h2{font-size:1.75rem;letter-spacing:-.025em}.billing-data{margin:20px 0 0}.billing-data>div{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:17px 0;border-top:1px solid var(--line)}dt{font-size:0.875rem;color:var(--muted)}dd{margin:0;font-size:1.0625rem;overflow-wrap:anywhere}.missing{color:var(--red);font-size:0.9375rem}.note{font-size:0.875rem;color:var(--muted)}.status{min-height:25px;font-size:0.875rem;color:var(--red);margin:15px 0 0}.side-note{border-top:2px solid var(--red);padding-top:24px}.side-note h2{font-size:1.5625rem}.side-note ul{padding-left:20px;font-size:0.9375rem}.contact-details{padding:30px 0;border-top:1px solid var(--line)}.contact-details dt{margin-top:18px}.contact-details dd{margin-top:6px}.contact-email{font-size:clamp(1.25rem,2.7vw,2.0625rem)}.form{background:var(--soft);padding:35px}.form h2{font-size:2.0rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form label{display:block;font-size:0.875rem;margin-bottom:6px}.form input,.form textarea{width:100%;padding:11px;background:var(--paper);border:1px solid #a4aea5;border-radius:0;color:var(--ink);min-height:48px}.form textarea{min-height:140px;resize:vertical}.field.full{grid-column:1/-1}.archive-notice{padding:16px;background:#f4ebdb;font-size:0.875rem}.historical{padding:40px 0}.historical p{max-width:760px}.legacy-body h2{font-size:2.125rem}.source-note{font-size:0.8125rem;color:var(--muted);border-top:1px solid var(--line);margin-top:42px;padding-top:18px}.print-only{display:none}
@media(min-width:1600px){.wrap{max-width:1400px}.hero-media{height:620px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.site-nav{gap:17px}.site-nav a{font-size:0.8125rem}.brand img{width:130px}.hero-grid{gap:5%}.hero-media{height:470px}.hero h1{font-size:4.0rem}.billing-layout{gap:25px}.billing-data>div{grid-template-columns:130px 1fr;gap:18px}}
@media(max-width:820px){.header-inner{min-height:85px}.brand img{width:125px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:85px;left:0;right:0;padding:22px 28px 28px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:5px;max-height:calc(100dvh - 85px);overflow:auto}.site-nav.open{display:flex}.site-nav a{font-size:1.0625rem;padding:10px 0}.site-nav .nav-contact{margin-top:10px;text-align:center}.hero{padding:48px 0}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(3.0rem,9vw,4.625rem)}.hero-media{height:430px}.hero-copy p:not(.eyebrow){max-width:570px}.section{padding:65px 0}.section-head{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.section-head p{margin:0}.three-col{grid-template-columns:1fr;gap:28px}.service h3{margin-top:12px}.service p{max-width:550px}.billing-layout,.split{grid-template-columns:1fr;gap:36px}.footer-grid{grid-template-columns:1.2fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.cta .wrap{align-items:start;flex-direction:column;gap:25px}.service-row{grid-template-columns:35px 1fr;gap:22px}.service-row p{grid-column:2}.unwined{align-items:start;flex-direction:column;gap:20px}.project-image{height:260px}.page-intro{padding-top:50px}.intro-band .wrap{flex-wrap:wrap;row-gap:10px}.hero-note{font-size:0.75rem}.facts{gap:20px}.fact strong{font-size:1.6875rem}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}body{font-size:1.0rem}.hero h1{font-size:3.25rem;line-height:1.04;letter-spacing:-.055em}.hero-media{height:360px}.hero{padding-top:38px}.eyebrow{font-size:0.6875rem;letter-spacing:.13em;margin-bottom:20px}.hero-copy p:not(.eyebrow){font-size:1.0625rem}.actions{gap:12px}.button{padding:12px 18px}.project-grid{grid-template-columns:1fr;gap:35px}.project-image{height:285px}.project-top h3{font-size:2.0rem}.project-logo{height:60px}.section{padding:55px 0}.section-head h2{font-size:2.5rem}.intro-band .wrap{font-size:0.6875rem;letter-spacing:.05em}.unwined{padding:25px}.footer-grid{gap:25px;font-size:0.8125rem}.footer-bottom{flex-direction:column;gap:8px}.billing-card{padding:24px}.billing-data>div{grid-template-columns:1fr;gap:5px;padding:14px 0}.billing-card h2{font-size:1.5625rem}.page-intro h1{font-size:3.0rem}.lead{font-size:1.1875rem}.form{padding:25px}.form-grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr;gap:23px}.quote{font-size:1.75rem;padding:24px}.source-note{font-size:0.8125rem}.cta{padding:60px 0}.cta h2{font-size:2.4375rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{@page{margin:16mm}body{background:white;color:black;font-size:11pt}.site-header,.site-footer,.skip,.no-print,.cta,.side-note,.source-note{display:none!important}.wrap{width:100%;max-width:none}.page-intro{padding:0 0 10mm}.page-intro h1{font-size:28pt;margin-bottom:5mm}.eyebrow{color:black}.billing-layout{display:block}.billing-card{border:1px solid #aaa;padding:7mm;break-inside:avoid}.billing-card h2{font-size:19pt}.billing-data>div{grid-template-columns:45mm 1fr;padding:4mm 0}dt,dd{font-size:11pt}.missing,.note{color:#444}.print-only{display:block;font-size:10pt;margin-top:6mm}.lead{font-size:12pt}a{text-decoration:none}}
.on-dark.button.secondary{color:white;border-color:#aab6ad}.on-dark.button.secondary:hover{background:#3a4540}.project-logo{object-position:left center;width:200px;max-width:200px;mix-blend-mode:multiply}.hero-media img{object-position:40% center}.project-image img{object-position:center 55%}
/* Preserve the photographs' portrait composition and the original marks' proportions. */
.hero-grid>*,.project-grid>*,.section-head>*,.split>*,.footer-grid>*{min-width:0}
.hero-media{height:auto;aspect-ratio:4/3}
.hero-media img{object-fit:contain}
.project-image{height:auto;aspect-ratio:1/1}
.project-image img{object-fit:cover;object-position:center 58%}
@media(max-width:560px){.hero h1{font-size:clamp(2.5rem,13vw,3.25rem)}.project-top{flex-wrap:wrap;gap:10px}.project-image{aspect-ratio:3/4}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.hero-media{aspect-ratio:4/3}}
.footer-logo{height:auto}
@media(max-width:375px){.page-intro h1{font-size:2.5rem}}
.project-logo{width:240px;max-width:80%;height:auto;margin:30px 0;mix-blend-mode:normal}
.contact-email{overflow-wrap:anywhere}
@media(max-width:820px){.site-nav a{white-space:normal}}
.project-logo[alt="SUNAWI"]{width:320px}
h1,h2,h3{overflow-wrap:anywhere}
.site-nav{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:820px){.site-nav{flex-wrap:nowrap;justify-content:flex-start}}
/* Paeonia's business areas retain their original sub-brand identities. */
.area-navigation{display:flex;flex-wrap:wrap;gap:10px 28px;padding:25px 0;border-block:1px solid var(--line)}.area-navigation a{font-size:.875rem;padding:5px 0}
.areas-section{background:var(--soft)}.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.business-card{border-top:1px solid #bfc8bf;padding-top:30px;display:flex;flex-direction:column;align-items:start}.area-logo{display:block;width:210px;max-width:100%;height:auto;margin-bottom:28px;object-fit:contain}.business-card .area-logo{width:210px;height:105px;object-position:left center}.business-card h3{font-size:1.75rem;margin-top:5px}.business-card p{color:var(--muted);font-size:1rem}.business-card .text-link{margin-top:auto}
.feature-split{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center}.feature-photo{aspect-ratio:4/3;overflow:hidden}.feature-photo img{width:100%;height:100%;object-fit:cover}.feature-copy p:not(.eyebrow){color:var(--muted)}.feature-copy .area-logo{width:200px;margin-bottom:32px}.villa-section{background:var(--soft)}.tech-section{border-top:1px solid var(--line)}.tech-section .section-head{margin:0}.tech-section .area-logo{width:180px}
.unwined-expanded{display:grid;grid-template-columns:230px minmax(0,1fr);gap:45px;padding:38px}.unwined-expanded h3{font-size:2rem}.unwined-brand .area-logo{width:210px;max-height:140px;object-fit:contain;object-position:left center}.unwined-brand .tag{font-size:.7rem;margin:0}
.branded-service{display:grid;grid-template-columns:240px minmax(0,1fr);gap:70px;border-top:1px solid var(--line);padding:46px 0}.branded-service h2{font-size:2.25rem}.branded-service p{color:var(--muted);max-width:750px}.brand-panel .area-logo{width:220px;max-height:130px;object-position:left top}.detail-services>.wrap>.area-logo{width:220px;margin-bottom:45px}.detail-services h2{font-size:2rem}.detail-services .project p{font-size:1rem}.footer-areas{display:flex;flex-wrap:wrap;gap:14px 28px;padding-top:28px;font-size:.875rem}
@media(max-width:900px){.business-grid{gap:24px}.business-card h3{font-size:1.5rem}.branded-service{grid-template-columns:180px minmax(0,1fr);gap:35px}.feature-split{gap:5%}.unwined-expanded{grid-template-columns:170px minmax(0,1fr);gap:30px}.feature-copy h2{font-size:2.5rem}}
@media(max-width:650px){.business-grid,.feature-split{grid-template-columns:1fr;gap:34px}.business-card{padding-top:20px}.business-card .area-logo{height:90px;margin-bottom:22px}.business-card h3{font-size:1.75rem}.branded-service{grid-template-columns:1fr;gap:20px;padding:34px 0}.brand-panel .area-logo{width:180px;margin:0}.branded-service h2{font-size:2rem}.unwined-expanded{grid-template-columns:1fr;padding:25px;gap:24px}.unwined-brand .area-logo{width:170px;max-height:105px;margin-bottom:15px}.unwined-expanded h3{font-size:1.8rem}.feature-copy .area-logo{width:180px}.area-navigation{gap:8px 20px}.footer-areas{gap:12px 20px}}
@media print{.area-navigation,.footer-areas{display:none}}
.unwined-brand .area-logo{background:var(--ink);padding:16px}
/* Places in Italy and Malaysia. Address cards also work without JavaScript. */
.locations-section{background:var(--soft)}.locations-section .section-head{margin-bottom:32px}.locations-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:38px;align-items:start}.locations-map-column{position:sticky;top:130px;min-width:0}.map-country-controls{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.map-country-controls button{background:transparent;border:1px solid #7c8880;color:var(--ink);padding:10px 22px;min-height:48px}.map-country-controls button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.location-map{height:520px;background:#e2e8dd;border:1px solid #bac5ba;z-index:0;scroll-margin-top:130px}.location-map:focus-visible{outline:3px solid var(--red);outline-offset:5px}.map-loading{padding:30px;color:var(--muted)}.map-status{font-size:.8125rem;color:var(--muted);min-height:42px;margin:12px 0 0}.location-cards{display:grid;gap:14px}.location-card{background:var(--paper);border:1px solid var(--line);padding:22px 25px}.location-card.is-selected{border-color:var(--red);box-shadow:inset 3px 0 var(--red)}.location-card .eyebrow{margin-bottom:10px;letter-spacing:.08em;font-size:.6875rem}.location-card h3{font-size:1.625rem;letter-spacing:-.03em;margin-bottom:8px}.location-address{font-size:.9375rem;line-height:1.5;margin:0 0 10px}.location-card .note{font-size:.8125rem;line-height:1.45;margin-bottom:8px}.location-actions{display:flex;flex-wrap:wrap;gap:4px 20px;align-items:center}.location-actions button{border:0;background:transparent;padding:10px 0;text-decoration:underline;text-underline-offset:5px;color:var(--ink);font-size:.8125rem;min-height:44px}.location-actions a{font-size:.8125rem;padding:10px 0;min-height:44px}.place-marker{background:none;border:0}.place-marker span{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--red);color:white;border:3px solid white;border-radius:50% 50% 0 50%;font:bold 12px Arial;box-shadow:0 2px 9px #0004}.location-map .leaflet-popup-content{font:14px/1.5 Arial;color:var(--ink);margin:20px}.map-popup-place+.map-popup-place{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.location-map .map-popup-place p{margin:7px 0}.location-map .map-popup-place a{color:#983020}.location-map .leaflet-control-attribution{font-size:11px}.location-map .leaflet-control-attribution a{color:#285a75}.location-map .leaflet-bar a{width:36px;height:36px;line-height:36px}.location-map .leaflet-marker-icon:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.location-map .leaflet-popup-content-wrapper{border-radius:0}.locations-note{font-size:.8125rem;color:var(--muted);margin:24px 0 0;max-width:860px}
@media(max-width:950px){.locations-layout{grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:24px}.location-card{padding:20px}.location-map{height:480px}}
@media(max-width:720px){.locations-layout{grid-template-columns:1fr;gap:22px}.locations-map-column{position:static}.location-map{height:360px}.location-cards{grid-template-columns:1fr 1fr}.map-status{min-height:0}}
@media(max-width:560px){.location-cards{grid-template-columns:1fr}.location-map{height:340px}.location-card h3{font-size:1.5rem}.locations-layout{gap:18px}}
@media print{.locations-map-column,.location-actions button{display:none}.locations-layout{display:block}.location-card{break-inside:avoid}}

.site-footer [data-privacy-open]{font:inherit;color:inherit;border:0;background:none;text-decoration:underline;cursor:pointer;padding:4px 0;min-height:44px}