/* White / charcoal editorial palette. Visual changes only. */
body.dark-agency{--paper:#f7f7f4;--charcoal:#18181b;--burgundy:#7a293e;--champagne:#d8c3a5;--line:#ffffff26;--text:#f7f7f4;--muted:#b4aea8;background:var(--charcoal)}
body.dark-agency .button,body.dark-agency .hero .actions>.button{background:var(--paper);color:var(--burgundy);border-color:var(--paper);box-shadow:none}
body.dark-agency .button:hover,body.dark-agency .hero .actions>.button:hover{background:#eadccd;border-color:#eadccd;color:#612032;box-shadow:0 8px 24px #00000015}
body.dark-agency .eyebrow{color:var(--champagne)}
body.dark-agency .header{border-color:#ffffff20}
body.dark-agency .hero-shell{background:radial-gradient(ellipse at 85% 25%,#7a293e26,transparent 60%),#18181b}
body.dark-agency .hero h1{font-weight:750}
body.dark-agency .underline{color:#eadccd}
body.dark-agency .underline:after{background:linear-gradient(90deg,#7a293e,#d8c3a5);height:3px}
body.dark-agency .hero .quick-services a{background:#ffffff04;border-color:#ffffff24}
body.dark-agency .hero .quick-services a:hover{background:#ffffff0a;border-color:#d8c3a56b}
body.dark-agency .ticker{background:#7a293e;color:#f7f7f4;border-color:#ffffff15}
body.dark-agency .ticker span{color:#d8c3a5}
body.dark-agency .live-card{background:#252527f5;border-color:#d8c3a54d}
body.dark-agency .arch-yellow{background:linear-gradient(145deg,#7a293e70,#252527);border-color:#b7958055}
body.dark-agency .arch-aqua{background:linear-gradient(160deg,#d8c3a51f,#252527);border-color:#d8c3a54d}
body.dark-agency .content-sticker{background:#302c2bf2;border-color:#d8c3a54d}
body.dark-agency .section{padding-bottom:72px}
/* Full-width light chapters keep the existing reading width. */
body.dark-agency .light-section{--text:#18181b;--muted:#62605d;--line:#18181b26;color:#18181b;color-scheme:light;background:#f7f7f4;border:0;border-radius:0;width:100%;margin:0;padding-inline:max(36px,calc((100% - 1180px)/2));padding-block:88px;position:relative}
body.dark-agency .light-section+.light-section{padding-top:48px}
body.dark-agency .light-section :is(h2,h3,strong,summary){color:#18181b}
body.dark-agency .light-section p,body.dark-agency .light-section .section-heading>p{color:#62605d}
body.dark-agency .light-section .eyebrow{color:#7a293e}
body.dark-agency .light-section :is(.text-link,.problem-solution a,.social-account-link,.studio-video-direct){color:#7a293e}
body.dark-agency .light-section :is(.text-link,.problem-solution a,.social-account-link,.studio-video-direct):hover{color:#491525}
body.dark-agency .light-section .button{background:#7a293e;border-color:#7a293e;color:#fff;box-shadow:0 5px 18px #7a293e0c}
body.dark-agency .light-section .button:hover{background:#612032;border-color:#612032;color:#fff;box-shadow:0 10px 24px #7a293e20}
body.dark-agency .light-section :is(a,button,summary):focus-visible{outline:3px solid #7a293e;outline-offset:4px}
body.dark-agency .light-section .section-heading{padding-top:22px;border-top:1px solid #18181b24}
body.dark-agency #masalah-solusi .section-heading{border-top:0;padding-top:0}
body.dark-agency .light-section .problem-card{background:#fff;border-color:#dedbd5;box-shadow:none}
body.dark-agency .light-section .problem-card:nth-child(2),body.dark-agency .light-section .problem-card:nth-child(3){background:#efede8}
body.dark-agency .light-section .problem-number,body.dark-agency .light-section .problem-solution>span{color:#7a293e}
body.dark-agency .light-section .problem-close{background:#ece6de;border-color:#ded5ca}
body.dark-agency #layanan:before{inset:0;background-image:linear-gradient(#18181b04 1px,transparent 1px),linear-gradient(90deg,#18181b04 1px,transparent 1px)}
body.dark-agency .light-section .service{background:#fff;border-color:#d8d5d0;box-shadow:0 6px 24px #18181b04;color:#18181b}
body.dark-agency .light-section .service.social-card{background:#f0e7e9;border-color:#d8bfc6}
body.dark-agency .light-section .service.peach{background:#efede8}
body.dark-agency .light-section .service.yellow-bg{background:#f4efe7}
body.dark-agency .light-section .service :is(.service-price,h3){color:#18181b}
body.dark-agency .light-section .service .service-price span,body.dark-agency .light-section .service-number,body.dark-agency .light-section .service.social-card .service-number{color:#68605d}
body.dark-agency .light-section .service>p:not(.service-price){color:#625b58}
body.dark-agency .light-section .service-symbol{color:#7a293e;background:#7a293e08;border-color:#7a293e2e}
body.dark-agency .light-section .service:hover{border-color:#7a293e70;box-shadow:0 12px 32px #18181b0c}
body.dark-agency .light-section .service:hover .service-symbol{background:#7a293e12}
/* Quiet dark package chapter. */
body.dark-agency .social-section{padding-block:88px}
body.dark-agency .social-art{background:linear-gradient(145deg,#3c3230,#202022);border-color:#d8c3a530}
body.dark-agency .benefits>div:first-child{background:linear-gradient(115deg,#3b2b31,#252527)}
body.dark-agency .package.yellow-bg{border-color:#b7958066;background:linear-gradient(145deg,#35272c,#252527 70%)}
body.dark-agency .package.aqua{background:#252527;border-color:#ffffff26}
body.dark-agency .package:hover{border-color:#d8c3a57a;box-shadow:0 12px 35px #0000001c}
body.dark-agency .bundle-section{margin-top:0;background:linear-gradient(115deg,#36282d,#252527);border-color:#d8c3a540}
body.dark-agency .price-section{margin-top:72px;background:#202022;border-color:#ffffff1c}
body.dark-agency .estimate{background:#2a292b;border-color:#d8c3a54d}
body.dark-agency #shirt-wa,body.dark-agency #consult-wa,body.dark-agency .mobile-contact .button{background:#f7f7f4;border-color:#f7f7f4;color:#7a293e}
body.dark-agency #shirt-wa:hover,body.dark-agency #consult-wa:hover,body.dark-agency .mobile-contact .button:hover{background:#eadccd;border-color:#eadccd;color:#612032}
/* Original portfolio photos and video on a consistent light canvas. */
body.dark-agency .light-section .studio-showcase{background:#eeece7;border-color:#d9d5ce}
body.dark-agency .light-section .studio-video-label{background:#7a293e09;border-color:#7a293e33;color:#7a293e}
body.dark-agency .light-section .studio-video-details span{color:#514b47;border-color:#c8bfb5;background:#f7f7f4}
body.dark-agency .light-section .studio-video-price{color:#18181b}
body.dark-agency .light-section .studio-video-price span,body.dark-agency .light-section .studio-video figcaption{color:#62605d}
body.dark-agency .light-section .social-portfolio-card,body.dark-agency .light-section .gallery figure{background:#fff;border-color:#d9d5ce;box-shadow:0 6px 28px #18181b06}
body.dark-agency .light-section .social-portfolio-card:hover{border-color:#b08b91}
body.dark-agency .light-section .social-portfolio-category{color:#7a293e}
body.dark-agency .light-section .social-portfolio-card h3{color:#18181b}
body.dark-agency .light-section .social-portfolio-card figcaption p,body.dark-agency .light-section .gallery figcaption span,body.dark-agency .light-section .website-visit p{color:#62605d}
body.dark-agency .light-section .social-portfolio-cta{background:#eee8e0;border-color:#d8cec2}
body.dark-agency .light-section .social-portfolio-cta p:not(.eyebrow){color:#625b53}
body.dark-agency .social-zoom-hint{background:#18181bef;border-color:#ffffff55;color:#fff}
body.dark-agency .light-section .zoom-photo:after{background:linear-gradient(transparent 75%,#18181b0b)}
body.dark-agency .light-section .photo:after{background:#18181bef;border-color:#ffffff55;color:#fff}
body.dark-agency .customer-section{padding-block:88px}
body.dark-agency .customer-card{background:#252527;border-color:#ffffff26}
body.dark-agency .customer-featured{background:linear-gradient(140deg,#3b2b31,#252527);border-color:#b7958055}
body.dark-agency .customer-card:hover{border-color:#d8c3a570}
body.dark-agency .customer-avatar{border-color:#d8c3a54d}
body.dark-agency .light-section .step-number{color:#7a293e}
body.dark-agency .light-section .order-steps li{border-color:#c8b9aa}
body.dark-agency .light-section .faq-list summary{color:#18181b}
body.dark-agency .light-section .faq-list summary:after{color:#7a293e}
body.dark-agency .light-section .faq-list details[open]{background:linear-gradient(90deg,transparent,#eee8e1)}
body.dark-agency .light-section .location-card{background:#ece6de;border-color:#d8cec2}
body.dark-agency .light-section .map-mark{color:#7a293e}
body.dark-agency .light-section .map-mark path[fill="#AFE0DC"]{fill:#d8c3a5}
body.dark-agency .light-section .map-mark path[fill="#FFCD48"]{fill:#e8d9cd}
body.dark-agency .light-section .map-mark circle{fill:#f7f7f4}
body.dark-agency .consult-section{margin-top:0;padding-block:100px;background:radial-gradient(ellipse at 10% 45%,#7a293e42,transparent 65%),#18181b;border-color:#ffffff26}
body.dark-agency .consult-form{background:#252527f5;border-color:#d8c3a540}
body.dark-agency .consult-section:after{color:#d8c3a525}
body.dark-agency footer{background:#121214}
body.dark-agency .policy-main{padding-bottom:64px}
@media(max-width:1023px){body.dark-agency .light-section{padding-inline:22px;padding-block:64px}body.dark-agency .hero-art{background:linear-gradient(120deg,#282328,#473038);border-color:#d8c3a540}body.dark-agency .social-section{padding-block:64px}}
@media(max-width:720px){body.dark-agency .light-section{padding-inline:18px;padding-block:56px}body.dark-agency .light-section+.light-section{padding-top:28px}body.dark-agency .section{padding-bottom:48px}body.dark-agency .light-section .section-heading{padding-top:20px}body.dark-agency .customer-section{padding-block:56px}body.dark-agency .consult-section{padding-block:60px}body.dark-agency .price-section{margin-top:48px}body.dark-agency .hero-art{background:linear-gradient(120deg,#282328,#473038)}body.dark-agency .light-section .social-portfolio-cta{gap:20px}body.dark-agency .light-section .button{min-height:48px}body.dark-agency .header.nav-ready nav{background:#252527;border-color:#77716c}body.dark-agency .header.nav-ready nav a:hover{background:#3c3034}}
@media print{body.dark-agency .light-section{padding:20px 0;background:#fff}body.dark-agency .button{background:#fff;color:#111;border-color:#111}}