:root{--ink:#071b1c;--lime:#d1f56c;--paper:#f4f6f2;--muted:#adbbb5}body{overflow-x:clip}header{height:90px;position:absolute;inset:0 0 auto;z-index:20;background:transparent;padding:0 5%;gap:24px;border-color:#ffffff30}.brand{font-size:26px;letter-spacing:-1px}.mark{border-radius:50%;height:40px;width:40px;display:inline-grid;place-items:center;padding:0 0 4px;letter-spacing:-2px}nav{gap:28px}.languages{gap:6px}nav a{font-size:14px}.motion-toggle,.menu-toggle{background:transparent;border:1px solid #ffffff45;color:#e6eee7;border-radius:25px;display:flex;align-items:center;gap:8px;padding:8px 13px;font-size:13px}.motion-toggle[aria-pressed=true]{border-color:var(--lime);color:var(--lime)}.motion-icon{font-weight:600}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;min-height:890px;padding:126px 5% 27px;background:#071518}.hero-media{position:absolute;inset:0;z-index:-2;background:#071518;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.95;animation:hero-arrive 1.6s ease-out both}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#051819ee 0%,#071b1cbf 34%,#071b1c24 68%),linear-gradient(0deg,#071b1c 0%,transparent 30%,#071b1c55 100%)}.hero-top{position:relative;z-index:1}.hero-top .eyebrow{font-size:12px;letter-spacing:2.5px}.location{font-size:12px;color:#d8e1db}.hero-grid{grid-template-columns:1.35fr 1fr;min-height:610px;padding:66px 0 68px;gap:2%;align-items:center}.hero h1{font-size:clamp(3.2rem,5.4vw,6rem);font-weight:500;line-height:1.06;letter-spacing:-.065em;max-width:840px;text-wrap:balance}.hero h1 em{font-weight:400}.intro{font-size:17px;max-width:475px;color:#d3ded7;line-height:1.75;margin-top:26px}.button{padding:16px 23px;border-radius:4px}.hero-secondary{font-size:14px;color:#f4f6f2;margin-left:24px;display:inline-block;border-bottom:1px solid #adbfb388;padding-bottom:3px}.hero-secondary:hover{color:var(--lime)}.hero-cards{position:relative;min-height:390px;perspective:1000px;align-self:end;margin-bottom:15px}.floating-card{position:absolute;background:#112e2abf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #b4d6c766;padding:25px 25px 22px;border-radius:12px;box-shadow:0 20px 50px #0003;max-width:320px;width:75%;color:#eff5ee;animation:card-float 7s ease-in-out infinite}.card-monitor{top:0;right:18px;transform:rotate(4deg);--rotation:4deg}.card-response{bottom:0;left:5px;background:#d1f56cf0;color:var(--ink);--rotation:-5deg;animation-delay:-3.5s;max-width:285px}.card-index{display:block;font-size:13px;letter-spacing:2px;margin-bottom:20px;opacity:.7}.floating-card .eyebrow{font-size:11px;letter-spacing:1.8px}.floating-card h2{font:500 24px/1.25 'Manrope',sans-serif;letter-spacing:-.8px;margin:12px 0 17px}.mini-bars{display:flex;align-items:end;height:31px;gap:7px}.mini-bars i{width:13px;height:16px;background:var(--lime);border-radius:2px 2px 0 0;animation:bar-wave 2.8s ease-in-out infinite alternate}.mini-bars i:nth-child(3n){height:29px;animation-delay:-.6s}.mini-bars i:nth-child(3n+1){height:9px;animation-delay:-1.4s}.card-line{display:block;width:100%;height:1px;background:#456728;position:relative;margin-top:26px}.card-line:after{content:'';display:block;position:absolute;top:-4px;left:70%;width:9px;height:9px;border-radius:50%;background:#456728}.hero-bottom{position:relative;color:#c5d3cc;font-size:13px}.image-caption{text-align:right;color:#b7c5bd;font-size:12px;margin:0 0 14px}.ticker{background:var(--lime);overflow:hidden;padding:22px 0;border-top:1px solid #c0e16a;border-bottom:1px solid #c0e16a}.ticker-track{display:flex;width:max-content;align-items:center;gap:45px;animation:marquee 38s linear infinite}.ticker-track span{font:500 23px 'Manrope',sans-serif;letter-spacing:-.8px;white-space:nowrap}.ticker-track b{font-size:20px;font-weight:400}.section{padding:110px 6%}.section .eyebrow{font-size:12px;letter-spacing:2px}.section h2{font-size:clamp(2.4rem,4vw,4.4rem);text-wrap:balance}.section-heading{margin-bottom:58px}.section-heading>p{font-size:17px;line-height:1.8}.expertise{background:#f3f5f0}.services{border:0;display:grid;grid-template-columns:1fr 1fr;gap:22px;perspective:1200px;align-items:start}.services details{position:relative;background:#fff;border:1px solid #d7dfd5;border-radius:12px;padding:30px;overflow:hidden;transition:box-shadow .25s,border-color .25s,transform .18s;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px));transform-style:preserve-3d}.services details:nth-child(2),.services details:nth-child(3){background:#e9eee5}.services details:hover{--lift:-7px;border-color:#8ca277;box-shadow:0 22px 45px #193a2017}.services details[open]{background:#092c2b;color:#f0f4ec;border-color:#092c2b}.services summary{grid-template-columns:1fr 30px;padding:0;gap:8px 15px;min-height:260px;align-items:start}.service-number{grid-column:1/-1;display:block;font:400 55px/1 'Manrope',sans-serif;letter-spacing:-3px;color:#7b9277;margin-bottom:26px;padding-top:0}.services h3{font-size:29px;line-height:1.2;max-width:390px;margin-bottom:14px}.services summary p{font-size:16px;line-height:1.65;max-width:380px}.services .plus{align-self:start;margin-top:4px}.service-action{display:block;font-size:13px;font-weight:600;letter-spacing:.3px;margin-top:25px;color:#39552d}.when-open{display:none}details[open] .when-closed{display:none}details[open] .when-open{display:inline}.services details[open] .service-number,.services details[open] .service-action{color:var(--lime)}.services details[open] summary p{color:#c7d3cc}.service-body{padding:25px 0 0;margin-top:25px;grid-template-columns:1fr;gap:15px;border-top:1px solid #ffffff38;color:#d5dfd7}.service-body p{margin:0;max-width:none}.service-body ul{font-size:15px}.service-body li{margin:8px 0}.approach{background:#092625;color:#eff4e9}.approach .eyebrow{color:var(--lime)}.approach .section-heading p{color:#bacfc4}.process{border:1px solid #76978366;background:#113430;border-radius:12px;overflow:hidden;box-shadow:0 25px 60px #0002}.process-overline{display:flex;justify-content:space-between;gap:20px;color:#afc4b7;font-size:12px;letter-spacing:1px;padding:22px 30px;border-bottom:1px solid #71908055}.process-overline span:last-child{letter-spacing:0}.process-tabs{border-color:#71908055}.process-tabs button{color:#bed0c2;border-color:#71908055;position:relative;padding:25px}.process-tabs button[aria-selected=true]{background:var(--lime);color:#0b2920}.process-tabs button:hover:not([aria-selected=true]){background:#244b3d}.process-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#a2c448}.process-panel{grid-template-columns:.48fr 1fr;padding:58px;min-height:390px}.process-number{color:#617e68}.process-panel h3{font-size:34px;max-width:680px}.process-panel p{color:#d0ddd2}.process-panel li{color:#c0d2c4;font-size:15px}.process-panel li:before{color:var(--lime)}.panel-enter{animation:panel-enter .4s ease both}.audiences{background:#eef2e9;gap:9%;align-items:center}.audience-detail{border:0;border-radius:14px;box-shadow:0 20px 60px #1c311513;padding:45px;position:relative;overflow:hidden;min-height:450px}.audience-detail:before{position:absolute;content:'';height:5px;left:0;right:0;top:0;background:var(--lime)}.audience-detail h3{font-size:33px;line-height:1.25}.audience-switch{background:white;border:1px solid #d2dccc;padding:5px;border-radius:32px;display:inline-flex;gap:0}.audience-switch button{border:0;padding:12px 23px}.audience-switch button[aria-pressed=true]{background:#143d30}.city{min-height:520px}.city img{opacity:.8;filter:saturate(.8);object-position:center}.city:after{background:linear-gradient(90deg,#062326eb 0%,#06232685 45%,#06232605 100%)}.city-content{max-width:800px;padding:90px 6%}.city h2{font-size:clamp(2.6rem,4.6vw,4.8rem)}.city p{font-size:18px;line-height:1.8}.principles{background:#071b1c;gap:9%}.principle-grid h3{font-size:25px}.principle-grid article{padding:28px 0}.principle-grid p{font-size:16px;line-height:1.8}.faq{background:#f4f6f0}.faq h2{font-size:clamp(2.5rem,4vw,4rem)}.faq summary{padding:25px 0;font-weight:500}.faq details>p{font-size:16px;line-height:1.8}.contact{background:#d1f56c;position:relative;isolation:isolate;padding-top:100px;padding-bottom:100px}.contact:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 50%,#f0ffd8a6,transparent 65%)}.contact h2{font-size:clamp(2.6rem,4.6vw,5rem)}.contact-card{border:1px solid #84995266;background:#edffd533;border-radius:12px;box-shadow:0 20px 60px #39590c10}.contact-card>p{line-height:1.8}.contact-note{font-size:12px}.contact-row{font-size:16px}footer{padding:50px 6% 30px}.footer-bottom{font-size:13px}.photo-credit{font-size:12px;max-width:650px}.reveal-ready{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.revealed{opacity:1;transform:translateY(0)}html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important}html.motion-paused .reveal-ready{opacity:1;transform:none;transition:none}html.motion-paused .services details{--tilt-x:0deg!important;--tilt-y:0deg!important;--lift:0px!important;transition:none}html.motion-paused .hero-media img{transform:none;opacity:.95}html[lang=ms] .hero h1{font-size:clamp(3rem,4.65vw,5.4rem)}html[lang=ms] .intro{max-width:515px}html[lang=ms] .section h2{font-size:clamp(2.2rem,3.7vw,4rem)}html[lang=ms] .hero-secondary{margin:18px 0 0;display:block;width:max-content}html[lang=ms] .card-monitor .eyebrow{font-size:11px}html[lang=ms] .floating-card h2{font-size:23px}@keyframes card-float{0%,100%{transform:translateY(0) rotate(var(--rotation))}50%{transform:translateY(-17px) rotate(calc(var(--rotation) + 1deg))}}@keyframes bar-wave{to{transform:scaleY(.55);transform-origin:bottom}}@keyframes hero-arrive{from{transform:scale(1.04);opacity:.5}to{transform:scale(1);opacity:.95}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes panel-enter{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1700px){.hero{min-height:1020px}.hero-grid{min-height:740px}.hero-cards{margin-right:8%}}@media(max-width:1100px){header{gap:15px}nav{gap:18px}.hero-grid{grid-template-columns:1.25fr 1fr;min-height:570px}.hero h1{font-size:5.4vw}.hero-secondary{margin:17px 0 0;display:block;width:max-content}.floating-card{padding:22px;width:83%}.card-monitor{right:0}.card-response{left:0}.floating-card h2{font-size:22px}.services h3{font-size:26px}.process-panel{padding:40px}.hero{min-height:850px}}@media(max-width:800px){header{height:82px;gap:15px}.brand{font-size:22px}.mark{width:33px;height:33px;font-size:25px}header nav{display:none;position:absolute;top:81px;left:0;right:0;background:#0b2927;padding:25px 6%;box-shadow:0 15px 20px #0003;flex-direction:column;gap:20px}.menu-open nav{display:flex}.menu-open nav a{display:block;font-size:17px}.languages{margin-left:auto}.menu-toggle{display:block}.motion-toggle{padding:8px 10px}.motion-toggle span:last-child{display:none}.hero{padding-top:112px;min-height:1080px}.hero-grid{grid-template-columns:1fr;padding:50px 0 10px;gap:35px;min-height:0}.hero h1,html[lang=ms] .hero h1{font-size:clamp(3rem,7.4vw,4.7rem);max-width:650px}.hero-media img{object-position:64% center}.hero-media:after{background:linear-gradient(180deg,#061c1aef 5%,#071b1cbb 40%,#071b1c26 68%,#071b1ccf 100%)}.hero-cards{width:100%;max-width:580px;min-height:255px;margin:20px 0 20px auto}.floating-card{max-width:265px;width:55%}.card-monitor{top:0;right:8px}.card-response{bottom:0;left:12px;max-width:240px}.card-index{margin-bottom:10px}.floating-card h2{font-size:22px}.mini-bars{height:25px}.image-caption{font-size:11px}.hero-bottom{font-size:12px}.section{padding:80px 6%}.section-heading{gap:23px;margin-bottom:38px}.section-heading>p{font-size:16px}.services{gap:15px}.services details{padding:23px}.services h3{font-size:23px}.services summary{min-height:280px}.service-number{font-size:45px}.process-panel{padding:30px}.process-panel h3{font-size:28px}.process-tabs button{padding:20px 15px}.process-overline{padding:20px;font-size:11px}.process-overline span:last-child{display:none}.audience-detail{min-height:0;padding:35px}.city{min-height:480px}.city-content{padding:65px 6%}.city p{font-size:17px}}@media(max-width:550px){header{padding:0 5%;gap:9px}.brand{font-size:20px;gap:3px}.mark{margin-right:3px}.languages{gap:3px}.languages button{font-size:12px}.menu-toggle{font-size:12px;padding:7px 10px}.motion-toggle{padding:7px 9px}.hero{padding-top:110px;min-height:1000px}.hero h1,html[lang=ms] .hero h1{font-size:clamp(2.5rem,9.2vw,3.8rem);letter-spacing:-.055em;line-height:1.09}.hero-top .eyebrow{font-size:10px;letter-spacing:1.4px}.intro{font-size:16px;line-height:1.75}.hero-grid{padding-top:36px}.hero-cards{min-height:275px;margin-top:10px}.floating-card{padding:18px;width:63%;border-radius:9px}.card-monitor{right:0;max-width:230px}.card-response{left:0;max-width:220px}.floating-card h2,html[lang=ms] .floating-card h2{font-size:20px}.floating-card .eyebrow{font-size:10px;letter-spacing:1.2px}.card-index{font-size:11px}.hero-bottom{align-items:start;gap:24px;line-height:1.6}.hero-bottom>span{max-width:190px}.hero-bottom>a{text-align:right}.image-caption{margin-top:20px}.ticker{padding:18px 0}.ticker-track{gap:25px}.ticker-track span{font-size:19px}.services{grid-template-columns:1fr;gap:18px}.services summary{min-height:235px}.services h3{font-size:26px}.service-number{margin-bottom:22px}.services details{padding:28px}.service-action{font-size:14px}.services summary p{font-size:16px}.process-panel{grid-template-columns:1fr;padding:27px;gap:20px;min-height:510px}.process-number{font-size:70px}.process-panel h3{font-size:26px}.process-tabs button{font-size:13px;padding:17px 10px}.process-tabs span{font-size:12px}.audience-detail{padding:28px}.audience-detail h3{font-size:29px}.audience-switch button{padding:11px 18px;font-size:14px}.city{min-height:480px}.city img{object-position:55% center}.city:after{background:linear-gradient(90deg,#082727dd,#08272744)}.contact-card{padding:26px}.contact-row{flex-direction:row;gap:15px;align-items:center}.contact-row a{font-size:14px}footer>.brand{font-size:22px}.section h2,html[lang=ms] .section h2{font-size:clamp(2.2rem,8.4vw,3rem)}.section .eyebrow{font-size:11px;letter-spacing:1.5px}.audiences h2{max-width:420px}}@media(prefers-reduced-motion:reduce){.hero-media img{animation:none;opacity:.95}.reveal-ready{opacity:1;transform:none}.services details{transform:none!important}.ticker-track,.floating-card,.mini-bars i{animation:none!important}}
@media(max-width:380px){header{gap:6px;padding:0 4%}.brand{font-size:17px;gap:2px}.mark{width:28px;height:28px;font-size:22px;margin-right:3px}.menu-toggle{padding:7px 8px}.motion-toggle{padding:7px 8px}.languages button{padding:8px 2px}.hero h1,html[lang=ms] .hero h1{font-size:2.55rem}.card-response{max-width:185px}.floating-card h2,html[lang=ms] .floating-card h2{font-size:19px}}

/* Naratif Nusantara wordmark */
.brand .wordmark{display:flex;flex-direction:column;gap:3px;line-height:1;letter-spacing:0}.wordmark strong{font-size:25px;letter-spacing:-1px;font-weight:700}.wordmark small{font-size:11px;letter-spacing:2.5px;font-weight:500;text-transform:uppercase}.brand .mark{margin-right:8px}header .brand{flex-shrink:0}@media(max-width:800px){.wordmark strong{font-size:22px}.wordmark small{font-size:9px;letter-spacing:2px}}@media(max-width:380px){.wordmark strong{font-size:19px}.wordmark small{font-size:8px;letter-spacing:1.6px}.brand .mark{margin-right:4px}}

/* n-squared brand mark */
.brand .mark{display:inline-flex;justify-content:center;align-items:center;letter-spacing:-1px;padding:0 0 3px;font-size:29px;line-height:1}.mark sup{font-size:.45em;line-height:1;position:relative;top:-.43em;margin-left:1px;letter-spacing:0}.hero-top{align-items:start}.location{max-width:260px;text-align:right;line-height:1.6}.contact-note>span{line-height:1.7}@media(max-width:800px){.brand .mark{font-size:25px}}@media(max-width:380px){.brand .mark{font-size:22px}}

/* Keep the entire card readable at every point in its motion. */
.hero-cards{display:flex;flex-direction:column;align-items:flex-end;gap:30px;min-height:0;perspective:none;margin-bottom:25px;padding:8px 10px;width:100%;max-width:580px}.hero-cards .floating-card{position:relative;inset:auto;transform:none;width:85%;max-width:320px;animation:readable-card-float 7s ease-in-out infinite}.hero-cards .card-monitor{align-self:flex-end}.hero-cards .card-response{align-self:flex-start;max-width:300px;animation-delay:-3.5s}.hero-grid{align-items:center}.hero-cards .floating-card:hover{animation-play-state:paused}@keyframes readable-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(max-width:800px){.hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:none;margin:22px 0 28px;padding:8px 0;align-items:start}.hero-cards .floating-card{width:100%;max-width:none}.hero-cards .card-response{align-self:start;margin-top:25px}}@media(max-width:550px){.hero-cards{display:flex;gap:28px;max-width:380px;margin:20px auto 30px}.hero-cards .floating-card{width:100%;max-width:none}.hero-cards .card-response{margin-top:0}.hero-grid{padding-bottom:20px}}

/* Editorial imagery for audiences and principles. */
.section-photo{margin:30px 0 0;border-radius:12px;overflow:hidden;aspect-ratio:3/2;background:#123b32;border:1px solid #62827430}.section-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.section-photo:hover img{transform:scale(1.025)}.audiences .audience-switch{margin-top:24px}.audiences{align-items:center}.principles{align-items:start}.principles .section-photo{border-color:#b4d6c733}.principles .principle-grid{align-self:center}html.motion-paused .section-photo img{transform:none;transition:none}@media(max-width:900px){.section-photo{max-width:680px}.principles .principle-grid{align-self:auto}}@media(prefers-reduced-motion:reduce){.section-photo img{transform:none!important;transition:none}}