/*
Theme Name: Sinergitama Studio
Description: Tema agency Sinergitama dengan editor konten sederhana, tanpa page builder.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: sinergitama-studio
*/
:root{--ink:#151515;--paper:#f1f0eb;--muted:#aaa9a3;--red:#f3473f;--line:#ffffff26;--gutter:clamp(22px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--red);color:white}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:6px}.skip-link{position:fixed;top:-100px;left:20px;background:white;color:black;padding:15px;z-index:100}.skip-link:focus{top:10px}.site-header{height:100px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--ink)}.brand img{width:205px;height:auto}.nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav a:not(.nav-cta){color:#cecec9}.nav a:hover{color:white}.nav-cta{padding:13px 20px;border:1px solid #77776f;border-radius:30px;display:flex;gap:25px;align-items:center}.menu-toggle{display:none;background:transparent;color:var(--paper);border:1px solid #77776f;border-radius:25px;padding:10px 15px}.eyebrow{font-family:'Courier New',monospace;font-size:11px;text-transform:uppercase;letter-spacing:1.7px;line-height:1.5;margin:0}.hero{padding:35px var(--gutter) 0;overflow:hidden}.hero-top{display:flex;align-items:center;justify-content:space-between}.availability{display:flex;align-items:center;gap:8px;color:#bcbbb5;font-size:11px}.dot{width:6px;height:6px;border-radius:50%;background:var(--red);display:inline-block}.hero h1{font-size:clamp(58px,8.2vw,130px);font-weight:500;line-height:.98;letter-spacing:-.065em;margin:42px 0 32px;max-width:1100px}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em;color:var(--red)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:45px}.hero-description{font-size:15px;line-height:1.7;color:#c4c3bc;max-width:380px;margin:0}.hero-actions{justify-self:end;display:flex;align-items:center;gap:25px}.round-arrow{width:49px;height:49px;display:grid;place-items:center;border:1px solid #77776f;border-radius:50%;font-size:24px;transition:transform .2s,background .2s}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px}.text-link:hover .round-arrow{transform:rotate(45deg);background:var(--red);border-color:var(--red)}.underlined{font-size:13px;border-bottom:1px solid #8e8d85;padding-bottom:5px}.hero-visual{position:relative;height:clamp(340px,42vw,610px);margin:0;overflow:hidden;background:#242424}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:50% 56%}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#000a)}.image-caption{position:absolute;z-index:1;bottom:25px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:end;color:white}.image-caption p{margin:0;font-size:12px;line-height:1.6}.image-caption strong{font-size:15px;font-weight:400}.image-index{font-family:'Courier New',monospace;font-size:11px;letter-spacing:1px}.marquee{display:flex;gap:50px;justify-content:space-between;white-space:nowrap;overflow:hidden;border-bottom:1px solid var(--line);padding:26px var(--gutter);font-size:13px;color:#c4c3bc}.marquee span:before{content:'✳';color:var(--red);margin-right:30px}.section{padding:95px var(--gutter)}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:45px;margin-bottom:50px}.section-head .eyebrow{padding-top:11px;color:#aaa9a3}.section h2{font-weight:400;letter-spacing:-.055em;font-size:clamp(38px,4.6vw,70px);line-height:1.08;margin:0}.section h2 em{font-family:Georgia,serif;font-weight:400}.section-copy{max-width:470px;color:#b3b2ab;line-height:1.8;font-size:15px}.works{background:var(--paper);color:var(--ink)}.works .section-head .eyebrow{color:#64645c}.works-intro{display:flex;justify-content:space-between;gap:25px;align-items:end}.works-intro>p{max-width:230px;font-size:13px;line-height:1.6;margin:0;color:#67675f}.work-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}.work:nth-child(2){padding-top:100px}.work figure{margin:0;overflow:hidden;position:relative}.work figure img{width:100%;aspect-ratio:1.25;object-fit:cover;transition:transform .5s}.work:nth-child(2) figure img{aspect-ratio:1}.work:hover img{transform:scale(1.025)}.work-meta{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #15151533}.work-meta h3{font-size:19px;font-weight:400;line-height:1.25;letter-spacing:-.5px;margin:0 0 9px}.work-meta p{font-family:'Courier New',monospace;text-transform:uppercase;letter-spacing:.7px;font-size:10px;color:#66665f;margin:0}.work-meta>span{font-size:23px;color:#75756d}.works-foot{margin-top:45px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#67675f;font-size:12px}.works-foot a{color:var(--ink)}.services{border-bottom:1px solid var(--line)}.service-list{margin-left:calc((100% - 45px)/3 + 45px)}.service{border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service summary{display:grid;grid-template-columns:40px 1fr 30px;gap:20px;align-items:center;padding:26px 0;cursor:pointer;list-style:none}.service summary::-webkit-details-marker{display:none}.service summary .number{font-family:'Courier New',monospace;font-size:11px;color:#aaa9a3}.service summary h3{font-weight:400;font-size:clamp(22px,2.3vw,34px);letter-spacing:-1px;margin:0}.service summary .plus{font-size:26px;font-weight:300;transition:transform .2s}.service[open] .plus{transform:rotate(45deg);color:var(--red)}.service p{max-width:560px;font-size:14px;line-height:1.8;color:#b3b2ab;margin:0 50px 28px 60px}.about{display:grid;grid-template-columns:1fr 2fr;gap:45px}.about .eyebrow{color:#aaa9a3;padding-top:10px}.about .section-copy{margin-top:25px}.about-signature{display:flex;gap:10px;align-items:center;margin-top:30px;font-size:12px}.about-signature .dot{background:var(--paper)}.credentials{margin:0 var(--gutter) 95px;background:var(--red);color:var(--ink);display:grid;grid-template-columns:1fr 2fr;gap:45px;padding:50px 45px}.credentials .eyebrow{padding-top:8px}.credentials h2{font-size:clamp(36px,4.5vw,64px);font-weight:400;line-height:1.05;letter-spacing:-3px;margin:0 0 20px}.credentials p{font-size:14px;line-height:1.7;max-width:420px;margin:0 0 28px}.credentials-button{background:var(--ink);color:var(--paper);border:0;border-radius:30px;padding:17px 23px;display:inline-flex;align-items:center;gap:38px;font-size:13px}.credentials-button:hover{background:#303030}.credentials small{display:block;margin-top:13px;font-size:11px;opacity:.8}.contact{padding-top:15px;padding-bottom:80px}.contact-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:35px}.contact-top .eyebrow{color:#aaa9a3}.contact h2{font-size:clamp(50px,8vw,120px);max-width:1000px;line-height:1.02;letter-spacing:-.065em}.contact h2 em{color:var(--red)}.contact-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:38px}.contact-actions a{border:1px solid #77776f;padding:14px 22px;border-radius:30px;font-size:13px}.contact-note{font-size:13px;color:#aaa9a3;line-height:1.7;max-width:420px}.site-footer{display:flex;justify-content:space-between;gap:30px;padding:30px var(--gutter);border-top:1px solid var(--line);font-size:11px;color:#aaa9a3}.site-footer a{color:var(--paper)}.footer-brand{letter-spacing:2px;text-transform:uppercase}.back-top{display:inline-flex;gap:15px}.content-page{max-width:850px;margin:auto;min-height:60vh;line-height:1.8}.content-page h1{font-size:clamp(40px,6vw,75px);letter-spacing:-3px;font-weight:400;line-height:1.1}.content-page a{text-decoration:underline}.content-page img{height:auto}.modal{background:var(--paper);color:var(--ink);border:0;border-radius:3px;max-width:460px;padding:35px;width:calc(100% - 40px)}.modal::backdrop{background:#000b}.modal h2{font-size:30px;letter-spacing:-1px;font-weight:400}.modal p{font-size:14px;line-height:1.7}.modal button{background:var(--ink);color:var(--paper);border:0;padding:12px 22px;border-radius:30px}.preview-tag{position:fixed;bottom:15px;left:15px;padding:10px 15px;background:#f1f0eb;color:#151515;font-size:11px;border-radius:25px;z-index:15;box-shadow:0 3px 20px #0004}.preview-tag a{text-decoration:underline;margin-left:12px}
@media(min-width:1600px){main{max-width:1920px;margin:auto}}@media(max-width:800px){.site-header{height:80px}.brand img{width:175px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:80px;background:var(--ink);padding:25px var(--gutter);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:23px}.nav.is-open{display:flex}.nav-cta{justify-content:space-between}.hero{padding-top:25px}.hero h1{font-size:clamp(53px,10vw,80px);margin:35px 0 25px}.hero-top .availability{display:none}.hero-bottom{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.hero-actions{justify-self:start}.hero-visual{height:360px}.image-caption{left:20px;right:20px;bottom:20px}.image-index{display:none}.marquee{gap:30px;justify-content:flex-start;padding-top:22px;padding-bottom:22px;font-size:11px}.marquee span:before{margin-right:20px}.section{padding:65px var(--gutter)}.section-head,.about{grid-template-columns:1fr;gap:22px}.section-head{margin-bottom:30px}.section h2{font-size:44px}.works-intro{display:block}.works-intro>p{margin-top:20px;max-width:320px}.work-grid{grid-template-columns:1fr;gap:35px}.work:nth-child(2){padding-top:0}.work:nth-child(2) figure img{aspect-ratio:1.25}.work-meta h3{font-size:18px}.works-foot{align-items:start;flex-direction:column;gap:18px}.service-list{margin-left:0}.service summary{grid-template-columns:25px 1fr 24px;gap:14px;padding:24px 0}.service p{margin-left:39px;margin-right:0}.credentials{margin:0 var(--gutter) 65px;padding:30px 25px;grid-template-columns:1fr;gap:23px}.credentials h2{letter-spacing:-2px}.contact{padding-top:0;padding-bottom:55px}.contact h2{font-size:58px}.site-footer{flex-wrap:wrap;gap:20px}.site-footer .footer-brand{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:780px;margin-top:45px;border-top:1px solid var(--line);padding-top:22px;color:#aaa9a3;font-size:12px;line-height:1.8}.contact-details p{margin:0}.work:nth-child(2) figure img{aspect-ratio:.9;object-position:50% 60%}@media(max-width:800px){.contact-details{grid-template-columns:1fr;gap:10px}.work:nth-child(2) figure img{aspect-ratio:1;object-position:50% 65%}}

.page-intro{padding:55px var(--gutter) 65px;border-bottom:1px solid var(--line)}.page-back{display:inline-block;color:#b3b2ab;margin-bottom:45px}.page-intro>p.eyebrow{color:#aaa9a3}.page-intro h1{font-weight:400;font-size:clamp(55px,7vw,100px);line-height:1.04;letter-spacing:-.06em;margin:28px 0}.page-intro h1 em{font-family:Georgia,serif;color:var(--red);font-weight:400}.page-lead{max-width:570px;font-size:16px;line-height:1.8;color:#b3b2ab}.page-intro+.works .work:nth-child(2){padding-top:65px}.page-intro+.services .service-list{margin-left:0;max-width:1000px}.page-intro+.services{padding-top:40px}.page-next{padding:65px var(--gutter) 85px;border-top:1px solid var(--line)}.page-next h2{font-weight:400;font-size:clamp(40px,5vw,75px);letter-spacing:-.05em;line-height:1.1;margin:25px 0 35px}.page-next em{font-family:Georgia,serif;color:var(--red)}.about-story{display:grid;grid-template-columns:1fr 2fr;gap:45px}.about-story>.eyebrow{color:#aaa9a3}.about-large{font-size:clamp(24px,2.6vw,38px);line-height:1.5;letter-spacing:-.8px;margin:0}.approach{background:var(--paper);color:var(--ink);margin-bottom:85px}.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.approach-grid article{padding-top:25px;border-top:1px solid #15151555}.approach-grid .eyebrow{color:#75756d}.approach-grid h3{font-size:27px;font-weight:400;letter-spacing:-1px;margin:30px 0 15px}.approach-grid p{font-size:14px;line-height:1.8;color:#66665f}.contact-directory{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.contact-directory .contact-actions{margin-top:25px}.contact-directory .contact-details{grid-template-columns:1fr}.contact-directory aside{background:var(--red);color:var(--ink);padding:35px}.contact-directory aside h2{font-size:48px;margin:25px 0;letter-spacing:-2px}.contact-directory aside>p:not(.eyebrow){font-size:14px;line-height:1.7}.contact-directory aside small{display:block;margin-top:15px;font-size:11px}.story-image{width:100%;max-height:550px;object-fit:cover;margin:35px 0}.legacy-content{font-size:16px;line-height:1.85;overflow-wrap:anywhere}.legacy-content h2,.legacy-content h3{font-weight:400;letter-spacing:-1px;line-height:1.2}.legacy-content h2{font-size:34px}.legacy-content h3{font-size:25px}.legacy-content iframe,.legacy-content video{max-width:100%}.story-next{margin-top:60px;border-top:1px solid var(--line);padding-top:25px}.archive-page{min-height:65vh}.archive-page>h1{font-size:clamp(45px,6vw,80px);font-weight:400;letter-spacing:-3px}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.archive-grid img{width:100%;height:300px;object-fit:cover}.archive-grid h2{font-size:26px;font-weight:400;letter-spacing:-.8px}.archive-grid p{color:#aaa9a3;line-height:1.8}.nav a[aria-current=page]{color:var(--red)}
@media(max-width:800px){.page-intro{padding:30px var(--gutter) 40px}.page-back{margin-bottom:35px}.page-intro h1{font-size:52px}.page-lead{font-size:14px}.about-story,.contact-directory{grid-template-columns:1fr;gap:30px}.approach-grid{grid-template-columns:1fr 1fr;gap:25px}.approach-grid h3{font-size:24px}.approach{margin-bottom:65px}.contact-directory aside{padding:25px}.contact-directory aside h2{font-size:42px}.page-next{padding:45px var(--gutter) 60px}.archive-grid{grid-template-columns:1fr}.page-intro+.works .work:nth-child(2){padding-top:0}}

/* Client logos extracted from company credentials, page 8. */
.clients-intro{padding-bottom:48px}.clients-intro h1{font-size:clamp(44px,6.5vw,92px);line-height:1.02;letter-spacing:-.055em;max-width:1050px}.clients-intro em{color:var(--accent,#c34e43);font-family:Georgia,serif;font-weight:400}.clients-intro .lead{max-width:540px;margin-top:30px;color:#b4b3ad;line-height:1.7}.clients-section{background:#f1efe9;color:#171717;padding-top:64px}.clients-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.client-card{margin:0;background:#fff;min-width:0;padding:26px 20px 20px}.client-logo{height:108px;display:flex;align-items:center;justify-content:center}.client-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.client-card figcaption{font-size:11px;line-height:1.5;text-align:center;color:#676760;margin-top:22px}.clients-footer{margin-top:54px;border-top:1px solid #ccc8c0;padding-top:30px;display:flex;justify-content:space-between;gap:24px;align-items:center}.clients-footer a{color:#171717}@media(max-width:900px){.clients-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-card{padding:22px 12px 16px}.client-logo{height:76px}.client-card figcaption{font-size:10px;margin-top:16px}.clients-footer{align-items:flex-start;flex-direction:column}.clients-intro{padding-bottom:36px}.clients-section{padding-top:36px}}

.clients-footer .credentials-button{background:#b83d35;color:#fff;border:1px solid #b83d35;border-radius:999px;padding:20px 28px;display:inline-flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;font-weight:600;min-height:56px}.clients-footer .credentials-button:hover{background:#982f29;border-color:#982f29;color:#fff}.clients-footer .credentials-button:focus-visible{outline:3px solid #b83d35;outline-offset:4px}