/* Phase 10C — split-screen portfolio workspace. Page 66 only. */
body.senta-portfolio-page{--p-navy:#11162c;--p-navy-2:#171e3a;--p-paper:#f5f6f2;--p-ink:#11162c;--p-muted:#626a78;--p-line:#d9ddd8;--p-green:#67d6be;--p-green-dark:#12866e;--p-admin-bar:0px;overflow:hidden;background:var(--p-paper);color:var(--p-ink)}
body.admin-bar.senta-portfolio-page{--p-admin-bar:32px}
body.senta-portfolio-page,body.senta-portfolio-page *{box-sizing:border-box}
body.senta-portfolio-page #page,body.senta-portfolio-page #content,body.senta-portfolio-page #primary,body.senta-portfolio-page #main,body.senta-portfolio-page .inside-article{width:100%;max-width:none;margin:0;padding:0;float:none;background:transparent}
body.senta-portfolio-page .entry-header,body.senta-portfolio-page #footer-widgets,body.senta-portfolio-page>.site-footer,body.senta-portfolio-page #page>.site-footer{display:none!important}
body.senta-portfolio-page .site-header{display:none}
body.senta-portfolio-page .senta-portfolio-app{display:grid;grid-template-columns:clamp(320px,30vw,460px) minmax(0,1fr);width:100%;min-width:0;height:100vh;height:100dvh;overflow:hidden;background:var(--p-paper)}
body.admin-bar.senta-portfolio-page .senta-portfolio-app{height:calc(100vh - 32px);height:calc(100dvh - 32px)}
.senta-portfolio-sidebar{position:relative;z-index:20;display:flex;flex-direction:column;height:100%;min-height:0;padding:clamp(30px,4.4vh,52px) clamp(28px,3.3vw,54px) clamp(28px,4vh,46px);overflow:hidden;color:#fff;background:var(--p-navy);border-right:1px solid rgba(255,255,255,.08)}
.senta-portfolio-sidebar-top{display:grid;gap:clamp(21px,3vh,34px)}
.senta-portfolio-sidebar-logo{display:block;width:clamp(140px,11vw,185px);height:54px}
.senta-portfolio-sidebar-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.senta-portfolio-sidebar-menu{border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.senta-portfolio-menu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;height:58px;min-height:58px;padding:0;color:#fff;background:transparent;border:0;border-radius:0;font-size:12px;font-weight:800;letter-spacing:.16em;line-height:1;cursor:pointer}
.senta-portfolio-menu-toggle i{position:relative;width:14px;height:14px}.senta-portfolio-menu-toggle i:before,.senta-portfolio-menu-toggle i:after{content:"";position:absolute;top:6px;width:8px;height:1px;background:currentColor;transition:transform .28s ease}.senta-portfolio-menu-toggle i:before{left:0;transform:rotate(45deg)}.senta-portfolio-menu-toggle i:after{right:0;transform:rotate(-45deg)}.senta-portfolio-menu-toggle[aria-expanded=true] i:before{transform:rotate(-45deg)}.senta-portfolio-menu-toggle[aria-expanded=true] i:after{transform:rotate(45deg)}
.senta-portfolio-menu-panel{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .3s ease,opacity .25s ease,visibility 0s linear .3s}.senta-portfolio-menu-panel.is-open{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .3s ease,opacity .3s ease,visibility 0s}.senta-portfolio-menu-panel>ul{min-height:0;margin:0;padding:10px 0 20px;overflow:hidden;list-style:none}.senta-portfolio-menu-panel.is-open>ul{padding-top:14px;padding-bottom:22px}.senta-portfolio-site-menu li{margin:0;list-style:none}.senta-portfolio-site-menu a{display:flex;align-items:center;min-height:32px;padding:5px 0;color:rgba(255,255,255,.78);text-decoration:none;font-size:13px;line-height:1.35;transition:color .2s ease}.senta-portfolio-site-menu a:hover,.senta-portfolio-site-menu a:focus-visible,.senta-portfolio-site-menu .current-menu-item>a{color:var(--p-green)}.senta-portfolio-site-menu .sub-menu{position:static!important;display:block!important;width:auto!important;min-width:0!important;margin:0;padding:2px 0 5px 17px;background:transparent!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;list-style:none}.senta-portfolio-site-menu .sub-menu a{min-height:27px;color:rgba(255,255,255,.58);font-size:12px}.senta-portfolio-site-menu .dropdown-menu-toggle{display:none!important}.senta-portfolio-site-menu>.senta-header-cta{display:none!important}
.senta-portfolio-connect{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.senta-portfolio-social{display:flex;align-items:center;gap:4px}.senta-portfolio-social a{display:grid;place-items:center;width:32px;height:32px;color:rgba(255,255,255,.74);transition:color .2s ease}.senta-portfolio-social a:hover,.senta-portfolio-social a:focus-visible{color:var(--p-green)}.senta-portfolio-social svg{width:17px;height:17px;fill:currentColor;stroke:currentColor;stroke-width:1.7}.senta-portfolio-sidebar-whatsapp{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 11px;color:#fff;border:1px solid rgba(255,255,255,.45);text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.02em;transition:border-color .2s ease,color .2s ease}.senta-portfolio-sidebar-whatsapp:hover,.senta-portfolio-sidebar-whatsapp:focus-visible{color:var(--p-green);border-color:var(--p-green)}.senta-portfolio-sidebar-whatsapp svg{width:16px;height:16px}
.senta-portfolio-category-nav--desktop{position:absolute;top:var(--portfolio-selector-center,50%);right:clamp(28px,3.3vw,54px);left:clamp(28px,3.3vw,54px);z-index:4;height:clamp(220px,26vh,260px);margin:0;overflow:visible;transform:translateY(-50%);transition:top .52s cubic-bezier(.22,1,.36,1)}
@media(min-width:1100px){body.senta-portfolio-page .senta-portfolio-sidebar.is-menu-open .senta-portfolio-category-nav--desktop{top:calc(var(--portfolio-selector-center,50%) + 56px);transition:none}}
.senta-portfolio-category-track{display:grid;gap:clamp(19px,3vh,31px);transform:translateY(var(--portfolio-track-shift,0px));will-change:transform}.senta-portfolio-sidebar-menu{position:relative;z-index:5}.senta-portfolio-connect{position:relative;z-index:6}.senta-portfolio-category-nav--desktop:before,.senta-portfolio-category-nav--desktop:after{display:none!important}.senta-portfolio-category-marker{position:absolute;top:50%;right:0;left:auto;width:48px;z-index:7;height:1px;background:var(--p-green);pointer-events:none}.senta-portfolio-category-nav--desktop a{position:relative;display:flex;align-items:center;gap:14px;color:rgba(255,255,255,.58);text-decoration:none;font-size:clamp(21px,1.72vw,30px);font-weight:650;letter-spacing:-.035em;line-height:1.04;transition:color .25s ease,opacity .25s ease}.senta-portfolio-category-nav--desktop a.is-active{color:#fff;opacity:1}.senta-portfolio-category-nav--desktop a:not(.is-active){opacity:1}.senta-portfolio-category-nav--desktop a span{position:relative;z-index:5;max-width:280px;padding-right:14px;background:var(--p-navy)}.senta-portfolio-category-nav--desktop a i{display:none}.senta-portfolio-category-nav--desktop a:hover,.senta-portfolio-category-nav--desktop a:focus-visible{color:rgba(255,255,255,.78);transform:translateY(-2px)}.senta-portfolio-category-nav--desktop a.is-active{color:#fff;opacity:1}.senta-portfolio-category-nav--desktop a:not(.is-active){opacity:1}.senta-portfolio-photo-tile{transition:none!important}.senta-portfolio-photo-tile-inner{display:block;opacity:1;transform:none;transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.senta-portfolio-photo-tile.is-revealing .senta-portfolio-photo-tile-inner{opacity:0;transform:translate3d(0,30px,0)}.senta-portfolio-photo-tile.is-revealed .senta-portfolio-photo-tile-inner{opacity:1;transform:translate3d(0,0,0)}.senta-portfolio-photo-tile img{transform:none!important}.senta-portfolio-photo-tile.is-revealing img,.senta-portfolio-photo-tile.is-revealed img{transform:none!important}.senta-portfolio-page-prev,.senta-portfolio-page-next{min-height:34px;padding:0 10px;color:var(--p-navy);background:transparent;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.04em}.senta-portfolio-page-prev:hover,.senta-portfolio-page-prev:focus-visible,.senta-portfolio-page-next:hover,.senta-portfolio-page-next:focus-visible{color:#fff;background:var(--p-navy);border-color:var(--p-navy)}
.senta-portfolio-mobile-stack{display:none}
.senta-portfolio-right{height:100%;min-width:0;overflow-x:hidden;overflow-y:auto;overflow-anchor:none;overscroll-behavior-y:contain;scrollbar-gutter:auto;scrollbar-width:none;scroll-behavior:smooth;background:var(--p-paper)}
.senta-portfolio-right::-webkit-scrollbar{display:none;width:0;height:0}
.senta-portfolio-right:focus{outline:none}
.senta-portfolio-main{width:min(100%,1440px);min-height:100%;margin:0 auto;padding:clamp(52px,7vh,82px) clamp(42px,5vw,88px) 0}
.senta-portfolio-intro{max-width:940px}.senta-portfolio-eyebrow{margin:0 0 18px;color:var(--p-green-dark);font-size:11px;font-weight:800;letter-spacing:.17em;line-height:1.3}.senta-portfolio-intro h1{margin:0;color:var(--p-navy);font-size:clamp(58px,7.3vw,118px);font-weight:780;letter-spacing:-.077em;line-height:.83}.senta-portfolio-intro-copy{max-width:650px;margin:clamp(24px,3.4vh,38px) 0 0;color:var(--p-muted);font-size:clamp(16px,1.28vw,20px);line-height:1.65}.senta-portfolio-rule{height:1px;margin:clamp(42px,6vh,72px) 0;background:var(--p-line)}
.senta-portfolio-stage{min-height:48vh;scroll-margin-top:96px;transition:opacity .28s ease,transform .28s ease}.senta-portfolio-stage.is-leaving{opacity:0;transform:translateY(10px)}.senta-portfolio-stage.is-entering{opacity:0;transform:translateY(10px)}.senta-portfolio-stage.is-ready{opacity:1;transform:none}.senta-portfolio-items{display:grid;min-width:0}.senta-portfolio-items--video-dokumentasi{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,48px) clamp(18px,2vw,30px)}.senta-portfolio-video-item{min-width:0}.senta-portfolio-video-item.is-lead{display:block;padding-bottom:0;border-bottom:0}
.senta-portfolio-video-media,.senta-portfolio-live-media{position:relative;display:block;width:100%;padding:0;overflow:hidden;background:#dfe3df;border:0;border-radius:0;aspect-ratio:16/9;text-align:left;cursor:default}.senta-portfolio-media-trigger:is(button){cursor:pointer}.senta-portfolio-video-media img,.senta-portfolio-live-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .35s ease}.senta-portfolio-media-trigger:is(button):hover img,.senta-portfolio-media-trigger:is(button):focus-visible img{transform:scale(1.025);filter:brightness(.77)}.senta-portfolio-play{position:absolute;inset:0;display:grid;place-items:center}.senta-portfolio-play:before{content:"";width:62px;height:62px;border:1px solid rgba(255,255,255,.82);background:rgba(17,22,44,.32);backdrop-filter:blur(3px)}.senta-portfolio-play i{position:absolute;margin-left:4px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff}
.senta-portfolio-project-copy{padding-top:17px}.senta-portfolio-project-type{margin:0 0 9px;color:var(--p-green-dark);font-size:10px;font-weight:800;letter-spacing:.15em;line-height:1.3;text-transform:uppercase}.senta-portfolio-project-copy h2{margin:0;color:var(--p-navy);font-size:clamp(14px,1.1vw,18px);font-weight:700;letter-spacing:-.03em;line-height:1.2}.senta-portfolio-video-item:not(.is-lead) .senta-portfolio-project-copy h2{font-size:clamp(13px,1vw,17px)}.senta-portfolio-project-summary{max-width:560px;margin:16px 0 0;color:var(--p-muted);font-size:15px;line-height:1.7}.senta-portfolio-project-meta{margin:12px 0 0;color:#7a828d;font-size:12px;letter-spacing:.03em}
.senta-portfolio-items--live-production{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,48px) clamp(18px,2vw,30px)}.senta-portfolio-live-item{display:block;min-width:0;padding-bottom:0;border-bottom:0}.senta-portfolio-live-item.is-reversed{display:block}.senta-portfolio-live-item.is-reversed .senta-portfolio-live-media,.senta-portfolio-live-item.is-reversed .senta-portfolio-project-copy{order:initial}.senta-portfolio-live-item .senta-portfolio-project-copy{padding-top:17px}.senta-portfolio-live-item .senta-portfolio-live-media{aspect-ratio:16/9}
.senta-portfolio-items--foto-dokumentasi{gap:24px}.senta-portfolio-photo-project{padding:0;border:0}.senta-portfolio-photo-grid{position:relative;width:100%;min-height:1px}.senta-portfolio-photo-tile{position:absolute;top:0;left:0;display:block;width:var(--photo-tile-width,100%);margin:0;padding:0;overflow:hidden;background:#dfe3df;border:0;border-radius:0;cursor:pointer;transition:none!important}.senta-portfolio-photo-tile.is-hidden{display:none}.senta-portfolio-photo-tile img{display:block;width:100%;height:auto}.senta-portfolio-photo-tile:hover img,.senta-portfolio-photo-tile:focus-visible img{filter:brightness(.86)}.senta-portfolio-load-more{display:flex;align-items:center;justify-content:center;gap:10px;min-width:190px;min-height:46px;margin:28px auto 0;padding:11px 20px;color:var(--p-navy);background:transparent;border:1px solid var(--p-navy);border-radius:0;font-size:11px;font-weight:800;letter-spacing:.14em;cursor:pointer;transition:color .25s ease,background-color .25s ease}.senta-portfolio-load-more:hover,.senta-portfolio-load-more:focus-visible{color:#fff;background:var(--p-navy)}.senta-portfolio-photo-copy{display:none}
.senta-portfolio-empty{margin:0;color:var(--p-muted);font-size:16px}.senta-portfolio-pagination{display:flex;justify-content:flex-end;gap:8px;min-height:45px;padding-top:38px}.senta-portfolio-pagination[hidden]{display:none}.senta-portfolio-page-link{min-width:34px;height:34px;padding:0;color:var(--p-navy);background:transparent;border:1px solid transparent;border-radius:0;font-size:12px;cursor:pointer}.senta-portfolio-page-link:hover,.senta-portfolio-page-link:focus-visible,.senta-portfolio-page-link.is-active{color:#fff;background:var(--p-navy);border-color:var(--p-navy)}.senta-portfolio-pagination[aria-busy=true]{opacity:.6;pointer-events:none}.senta-portfolio-load-status{min-height:20px;margin:12px 0 0;color:var(--p-muted);font-size:12px}
.senta-portfolio-contact{display:flex;align-items:center;gap:30px;margin-top:clamp(26px,4vw,58px);padding:clamp(28px,4vw,50px) 0;border-top:1px solid var(--p-line)}.senta-portfolio-contact p{margin:0 auto 0 0;color:var(--p-navy);font-size:clamp(22px,2.2vw,36px);font-weight:680;letter-spacing:-.04em}.senta-portfolio-contact-link{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:9px 0;color:var(--p-navy);text-decoration:none;font-size:14px;font-weight:700}.senta-portfolio-contact-link svg{width:18px;height:18px;color:var(--p-green-dark)}.senta-portfolio-contact-link span{color:inherit;font-size:inherit}
.senta-portfolio-footer{margin:0;padding:clamp(48px,6vw,76px) clamp(42px,5vw,88px) 28px;color:#fff;background:var(--p-navy)}.senta-portfolio-footer-grid{display:grid;grid-template-columns:1.35fr .9fr .75fr .75fr;gap:clamp(25px,3vw,52px)}.senta-portfolio-footer-brand img{width:145px;height:auto;max-height:65px;object-fit:contain;object-position:left center}.senta-portfolio-footer p{color:rgba(255,255,255,.65);line-height:1.6}.senta-portfolio-footer-brand p{max-width:310px;margin:18px 0 0;font-size:14px}.senta-portfolio-footer h2{margin:0 0 15px;color:#fff;font-size:13px;font-weight:750;letter-spacing:.02em}.senta-portfolio-footer address{margin:0 0 10px;color:rgba(255,255,255,.64);font-style:normal;font-size:13px;line-height:1.55}.senta-portfolio-footer a{display:block;width:max-content;max-width:100%;padding:4px 0;color:rgba(255,255,255,.65);text-decoration:none;font-size:13px}.senta-portfolio-footer a:hover,.senta-portfolio-footer a:focus-visible{color:var(--p-green)}.senta-portfolio-footer-copy{margin:42px 0 0!important;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:12px}
.senta-portfolio-modal{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:42px;background:rgba(7,10,22,.96)}.senta-portfolio-modal[hidden]{display:none}.senta-portfolio-modal-content{display:grid;place-items:center;width:min(1120px,88vw);height:min(780px,84vh)}.senta-portfolio-modal-content img{display:block;max-width:100%;max-height:100%;object-fit:contain}.senta-portfolio-modal-content iframe{width:min(1060px,88vw);aspect-ratio:16/9;border:0}.senta-portfolio-modal button{position:absolute;display:grid;place-items:center;color:#fff;background:transparent;border:0;border-radius:0;cursor:pointer}.senta-portfolio-modal-close{top:15px;right:20px;width:52px;height:52px;font-size:37px}.senta-portfolio-modal-prev,.senta-portfolio-modal-next{top:50%;width:54px;height:70px;font-size:48px;transform:translateY(-50%)}.senta-portfolio-modal-prev{left:10px}.senta-portfolio-modal-next{right:10px}.senta-portfolio-modal.is-video .senta-portfolio-modal-prev,.senta-portfolio-modal.is-video .senta-portfolio-modal-next{display:none}.senta-portfolio-modal button:focus-visible,.senta-portfolio-menu-toggle:focus-visible,.senta-portfolio-category-nav a:focus-visible,.senta-portfolio-load-more:focus-visible,.senta-portfolio-media-trigger:focus-visible,.senta-portfolio-photo-tile:focus-visible{outline:2px solid var(--p-green);outline-offset:4px}
html.senta-portfolio-modal-open{overflow:hidden}
@media(max-width:1180px) and (min-width:1100px){body.senta-portfolio-page .senta-portfolio-app{grid-template-columns:320px minmax(0,1fr)}.senta-portfolio-sidebar{padding-inline:30px}.senta-portfolio-category-nav--desktop a{font-size:21px}.senta-portfolio-main{padding-inline:42px}.senta-portfolio-footer{padding-inline:42px}}
@media(max-height:760px) and (min-width:1100px){.senta-portfolio-sidebar{padding-top:25px;padding-bottom:24px}.senta-portfolio-sidebar-top{gap:16px}.senta-portfolio-sidebar-logo{height:43px}.senta-portfolio-menu-toggle{min-height:48px}.senta-portfolio-category-nav--desktop{gap:17px;padding-top:22px}.senta-portfolio-category-nav--desktop a{font-size:20px}.senta-portfolio-connect{gap:8px}}
.senta-portfolio-photo-grid{column-count:initial;column-gap:0}
@media(max-width:1099px){
 body.senta-portfolio-page{overflow:visible;padding-top:0!important;background:var(--p-paper)}
 body.senta-portfolio-page .senta-portfolio-app{display:block;height:auto;min-height:100vh;min-height:100dvh;overflow:visible;padding-top:calc(var(--portfolio-header-height,72px) + 54px)}
 body.admin-bar.senta-portfolio-page .senta-portfolio-app{height:auto}
 body.senta-portfolio-page .site-header{position:fixed!important;top:var(--p-admin-bar)!important;right:0;left:0;z-index:1250;display:block!important;width:100%;height:auto;background:var(--p-navy)!important;border:0!important;box-shadow:none!important;transition:none!important}
 body.senta-portfolio-page .site-header .inside-header{position:relative;width:calc(100% - 40px);min-height:72px;margin:auto;padding:12px 0!important;display:flex;align-items:center}
 body.senta-portfolio-page .site-header .site-branding-container{display:flex!important;align-items:center;margin-right:auto}
 body.senta-portfolio-page .site-header .site-branding{display:none!important}
 body.senta-portfolio-page .site-header .site-logo{position:relative;width:155px;height:48px}
 body.senta-portfolio-page .site-header .site-logo img,body.senta-portfolio-page .site-header.is-scrolled .site-logo img{position:absolute;left:0;top:50%;width:155px!important;height:auto;max-height:48px;transform:translateY(-50%);object-fit:contain;object-position:left center;content:url('../images/senta-logo-white.png')!important}
 body.senta-portfolio-page .site-header .mobile-menu-control-wrapper{display:flex!important;margin-left:auto;background:transparent!important}
 body.senta-portfolio-page .site-header .mobile-menu-control-wrapper>.menu-toggle{display:grid!important;place-items:center;min-width:44px;min-height:44px;padding:0!important;color:#fff!important;background:transparent!important}
 body.senta-portfolio-page .site-header.is-scrolled .mobile-menu-control-wrapper>.menu-toggle{color:#fff!important}
 body.senta-portfolio-page .site-header .main-navigation .inside-navigation>.menu-toggle{display:none!important}

 body.senta-portfolio-page .site-header #site-navigation{display:block!important;position:fixed!important;top:calc(var(--p-admin-bar) + var(--portfolio-header-height,72px))!important;right:0;left:0;width:100%;margin:0!important;color:#fff;background:var(--p-navy)!important;opacity:0;visibility:hidden;transform:translateY(-9px);transition:opacity .28s ease,transform .3s ease,visibility 0s linear .3s}
 body.senta-portfolio-page .site-header #site-navigation.toggled{opacity:1;visibility:visible;transform:none;transition:opacity .28s ease,transform .3s ease,visibility 0s}
 body.senta-portfolio-page .site-header #site-navigation .inside-navigation,body.senta-portfolio-page .site-header #site-navigation .main-nav,body.senta-portfolio-page .site-header #site-navigation .main-nav>ul{width:100%!important;margin:0!important;background:var(--p-navy)!important}
 body.senta-portfolio-page .site-header #site-navigation.toggled .inside-navigation{display:block!important;max-height:calc(100dvh - 126px);padding:8px 20px 15px!important;overflow-y:auto}
 body.senta-portfolio-page .site-header #site-navigation .main-nav>ul{display:block!important;padding:0!important}
 body.senta-portfolio-page #site-navigation .main-nav li{display:block!important;position:relative!important;float:none!important;clear:both!important;width:100%!important;height:auto!important;margin:0!important}
 body.senta-portfolio-page .site-header #site-navigation .main-nav li>a{display:flex!important;align-items:center;width:100%!important;min-height:42px;padding:7px 0!important;color:#fff!important;background:transparent!important;font-size:15px!important;font-weight:650!important;line-height:1.35}
 body.senta-portfolio-page .site-header #site-navigation .main-nav li>a:hover,body.senta-portfolio-page .site-header #site-navigation .main-nav li>a:focus{color:var(--p-green)!important}
 body.senta-portfolio-page #site-navigation .main-nav ul ul{position:static!important;display:block!important;float:none!important;clear:both!important;width:100%!important;min-width:0!important;height:auto!important;margin:0 0 3px!important;padding:1px 0 3px 15px!important;background:var(--p-navy-2)!important;border:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important}
 body.senta-portfolio-page .site-header #site-navigation .main-nav ul ul a{min-height:36px!important;padding:6px 4px!important;color:rgba(255,255,255,.76)!important;font-size:13.5px!important}
 body.senta-portfolio-page .site-header #site-navigation .dropdown-menu-toggle{display:none!important}
 body.senta-portfolio-page #site-navigation .senta-social{display:none!important;width:0!important;height:0!important;min-height:0!important;overflow:hidden!important}
 body.senta-portfolio-page #site-navigation .senta-social *{display:none!important}
 body.senta-portfolio-page .site-header #site-navigation .senta-header-cta>a{display:none!important}
 body.senta-portfolio-page .main-navigation.toggled .main-nav>ul>li.senta-social{display:none!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
 body.senta-portfolio-page .main-navigation.toggled .main-nav>ul>li.senta-social *{display:none!important}
 body.senta-portfolio-page .main-navigation.toggled .main-nav>ul>li.senta-header-cta{display:none!important;width:0!important;height:0!important;min-height:0!important;overflow:hidden!important}body.senta-portfolio-page .main-navigation.toggled .main-nav>ul>li.senta-header-cta>a{display:none!important}
 body.senta-portfolio-page .main-navigation.toggled .senta-header-cta .senta-whatsapp-icon{display:block!important;width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important}
 .senta-portfolio-sidebar{display:none}
 .senta-portfolio-mobile-stack{position:fixed;top:calc(var(--p-admin-bar) + var(--portfolio-header-height,72px) + var(--portfolio-mobile-menu-offset,0px));right:0;left:0;z-index:1200;display:block;height:54px;color:#fff;background:var(--p-navy);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.12);transition:top .3s cubic-bezier(.2,.75,.25,1)}
 .senta-portfolio-category-nav--mobile{display:flex;align-items:stretch;gap:27px;height:100%;padding:0 24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none}.senta-portfolio-category-nav--mobile::-webkit-scrollbar{display:none}.senta-portfolio-category-nav--mobile a{position:relative;display:flex;align-items:center;flex:0 0 auto;padding-top:1px;color:rgba(255,255,255,.52);text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.senta-portfolio-category-nav--mobile a:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--p-green);transform:scaleX(0);transition:transform .25s ease}.senta-portfolio-category-nav--mobile a.is-active{color:#fff}.senta-portfolio-category-nav--mobile a.is-active:after{transform:scaleX(1)}
 .senta-portfolio-mobile-feather{position:absolute;top:0;bottom:0;z-index:2;width:30px;pointer-events:none;opacity:0;transition:opacity .18s ease}.senta-portfolio-mobile-feather--left{left:0;background:linear-gradient(90deg,var(--p-navy),rgba(17,22,44,0))}.senta-portfolio-mobile-feather--right{right:0;background:linear-gradient(270deg,var(--p-navy),rgba(17,22,44,0))}.senta-portfolio-mobile-stack.can-scroll-left .senta-portfolio-mobile-feather--left,.senta-portfolio-mobile-stack.can-scroll-right .senta-portfolio-mobile-feather--right{opacity:1}
 .senta-portfolio-right{height:auto;overflow:visible;scroll-behavior:auto}.senta-portfolio-main{width:100%;padding:clamp(42px,7vw,68px) clamp(24px,5vw,54px) 0}.senta-portfolio-intro{scroll-margin-top:calc(var(--portfolio-nav-stack-height,126px) + 15px)}.senta-portfolio-intro h1{font-size:clamp(55px,12vw,92px)}.senta-portfolio-intro-copy{max-width:620px}.senta-portfolio-rule{margin:38px 0 46px}.senta-portfolio-video-item.is-lead{grid-template-columns:1fr;gap:0}.senta-portfolio-items--video-dokumentasi,.senta-portfolio-items--live-production{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 22px}.senta-portfolio-live-item,.senta-portfolio-live-item.is-reversed{display:block}.senta-portfolio-photo-copy{grid-template-columns:1fr 1fr}.senta-portfolio-footer{margin-inline:0;padding-inline:clamp(24px,5vw,54px)}.senta-portfolio-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:782px){body.admin-bar.senta-portfolio-page{--p-admin-bar:46px}}
@media(max-width:600px){
 body.senta-portfolio-page .site-header .inside-header{width:calc(100% - 32px)}
 body.senta-portfolio-page .site-header #site-navigation.toggled .inside-navigation{padding-inline:16px!important}
 body.senta-portfolio-page #site-navigation .senta-header-cta{display:none!important}
 .senta-portfolio-category-nav--mobile{gap:24px;padding-inline:18px}.senta-portfolio-main{padding:38px 16px 0}.senta-portfolio-intro h1{font-size:clamp(50px,15vw,68px)}.senta-portfolio-intro-copy{font-size:15px;line-height:1.6}.senta-portfolio-rule{margin:34px 0 39px}
 .senta-portfolio-items--video-dokumentasi,.senta-portfolio-items--live-production{grid-template-columns:1fr;gap:43px}.senta-portfolio-video-item.is-lead{display:block}.senta-portfolio-video-media,.senta-portfolio-live-media{aspect-ratio:16/9}.senta-portfolio-project-copy{padding-top:14px}.senta-portfolio-project-copy h2,.senta-portfolio-video-item:not(.is-lead) .senta-portfolio-project-copy h2,.senta-portfolio-live-item .senta-portfolio-project-copy h2{font-size:14px}.senta-portfolio-project-summary{font-size:14px;line-height:1.65}
 .senta-portfolio-live-item,.senta-portfolio-live-item.is-reversed{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-bottom:45px}.senta-portfolio-live-item.is-reversed .senta-portfolio-live-media,.senta-portfolio-live-item.is-reversed .senta-portfolio-project-copy{order:initial}.senta-portfolio-live-item .senta-portfolio-project-copy{padding-top:17px}
 .senta-portfolio-photo-grid{column-count:initial;column-gap:0}.senta-portfolio-photo-tile{margin-bottom:0}.senta-portfolio-photo-copy{display:none}.senta-portfolio-contact{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.senta-portfolio-contact p{margin:0}.senta-portfolio-contact-link{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border:1px solid var(--p-navy);text-decoration:none}.senta-portfolio-footer{margin-inline:0;padding-inline:16px}.senta-portfolio-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.senta-portfolio-footer-brand{grid-column:1/-1}.senta-portfolio-modal{padding:15px}.senta-portfolio-modal-content{width:100%;height:78vh}.senta-portfolio-modal-content iframe{width:100%}.senta-portfolio-modal-prev,.senta-portfolio-modal-next{display:none}.senta-portfolio-modal-close{top:5px;right:5px}
}
@media(max-width:360px){.senta-portfolio-category-nav--mobile{gap:20px;padding-inline:16px}.senta-portfolio-category-nav--mobile a{font-size:9.5px}.senta-portfolio-footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.senta-portfolio-page *,body.senta-portfolio-page *:before,body.senta-portfolio-page *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.senta-portfolio-stage.is-leaving,.senta-portfolio-stage.is-entering{transform:none}}

/* Phase 10C.5R: explicit closed menu bounds; the control is the sole row. */
@media(min-width:1100px){
 body.senta-portfolio-page .senta-portfolio-sidebar-menu{display:grid;grid-template-rows:58px minmax(0,0fr);min-height:0;overflow:hidden}
 body.senta-portfolio-page .senta-portfolio-menu-toggle{grid-row:1;align-self:stretch}
 body.senta-portfolio-page .senta-portfolio-menu-panel{grid-row:2;min-height:0;overflow:hidden}
 body.senta-portfolio-page .senta-portfolio-sidebar-menu:has(.senta-portfolio-menu-panel.is-open){grid-template-rows:58px minmax(0,var(--portfolio-menu-max-height,1fr));overflow:visible} body.senta-portfolio-page .senta-portfolio-menu-panel.is-open>ul{max-height:var(--portfolio-menu-max-height,none);overflow:hidden;overscroll-behavior:contain;scrollbar-width:none}
}

body.senta-portfolio-page .senta-portfolio-photo-lightbox{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:64px;background:rgba(5,5,5,.94);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
body.senta-portfolio-page .senta-portfolio-photo-lightbox.is-open{opacity:1;visibility:visible}
body.senta-portfolio-page .senta-portfolio-photo-lightbox img{max-width:min(92vw,1400px);max-height:86vh;width:auto;height:auto;object-fit:contain;transform:scale(.97);transition:transform .25s ease}
body.senta-portfolio-page .senta-portfolio-photo-lightbox.is-open img{transform:scale(1)}
body.senta-portfolio-page .senta-portfolio-photo-lightbox button{position:absolute;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.3);color:#fff;cursor:pointer}
body.senta-portfolio-page .senta-portfolio-photo-lightbox__close{top:20px;right:24px;width:44px;height:44px;font-size:28px}
body.senta-portfolio-page .senta-portfolio-photo-lightbox__prev,body.senta-portfolio-page .senta-portfolio-photo-lightbox__next{top:50%;width:46px;height:46px;transform:translateY(-50%);font-size:24px}
body.senta-portfolio-page .senta-portfolio-photo-lightbox__prev{left:22px}
body.senta-portfolio-page .senta-portfolio-photo-lightbox__next{right:22px}
@media(max-width:600px){body.senta-portfolio-page .senta-portfolio-photo-lightbox{padding:12px}
body.senta-portfolio-page .senta-portfolio-photo-lightbox__close{top:8px;right:8px;width:40px;height:40px;font-size:24px}
body.senta-portfolio-page .senta-portfolio-photo-lightbox__prev,body.senta-portfolio-page .senta-portfolio-photo-lightbox__next{width:40px;height:40px;font-size:20px}
body.senta-portfolio-page .senta-portfolio-photo-lightbox__prev{left:8px}
body.senta-portfolio-page .senta-portfolio-photo-lightbox__next{right:8px}}


/* Portofolio mobile: preserve UI, restore pointer/click behavior for submenu links. */
@media (max-width:1099px){
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav ul ul,
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav ul ul li,
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav ul ul a{
  pointer-events:auto!important;
 }
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav ul ul{
  position:relative!important;z-index:2!important;
 }
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav ul ul a{
  position:relative!important;z-index:3!important;cursor:pointer!important;
  touch-action:manipulation!important;
 }
}


/* Portofolio mobile: native Layanan dropdown state, without changing the UI. */
@media (max-width:1099px){
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>.sub-menu{
  display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;max-height:0!important;
  overflow:hidden!important;margin:0!important;padding:0!important;background:transparent!important;
 }
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children.toggled-on>.sub-menu,
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children.sfHover>.sub-menu,
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>.dropdown-menu-toggle[aria-expanded="true"]~.sub-menu,
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>.sub-menu.toggled-on{
  display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;
  overflow:visible!important;margin:0 0 3px!important;padding:1px 0 3px 15px!important;background:var(--p-navy-2)!important;
 }
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>a{
  position:relative!important;z-index:4!important;pointer-events:auto!important;
 }
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>.dropdown-menu-toggle{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;
  top:50%!important;right:0!important;width:34px!important;height:34px!important;margin:0!important;
  padding:0!important;color:var(--p-green)!important;background:transparent!important;border:0!important;
  transform:translateY(-50%)!important;pointer-events:auto!important;cursor:pointer!important;z-index:5!important;
 }
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>.dropdown-menu-toggle .gp-icon,
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>.dropdown-menu-toggle svg{
  display:block!important;width:12px!important;height:18px!important;fill:currentColor!important;
 }
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav ul ul a{
  position:relative!important;z-index:6!important;pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;
 }
}


/* Portofolio mobile: remove closed-nav reserved space and restore Layanan chevron. */
@media (max-width:1099px){
 body.senta-portfolio-page .site-header #site-navigation:not(.toggled){
  height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;
  opacity:0!important;visibility:hidden!important;transform:none!important;
 }
 body.senta-portfolio-page .site-header #site-navigation.toggled{
  height:auto!important;min-height:0!important;max-height:calc(100dvh - var(--portfolio-header-height,72px))!important;
 }
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>a{
  position:relative!important;display:flex!important;align-items:center!important;padding-right:36px!important;
 }
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>a>.dropdown-menu-toggle{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  position:absolute!important;top:50%!important;right:0!important;width:28px!important;height:28px!important;
  margin:0!important;padding:0!important;color:var(--p-green)!important;background:transparent!important;
  border:0!important;box-shadow:none!important;transform:translateY(-50%)!important;
  pointer-events:auto!important;cursor:pointer!important;z-index:5!important;
 }
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>a>.dropdown-menu-toggle .gp-icon,
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>a>.dropdown-menu-toggle svg{
  display:block!important;width:12px!important;height:18px!important;fill:currentColor!important;
 }
}


/* Portofolio mobile: drawer follows menu content with no reserved blank height. */
@media (max-width:1099px){
 body.senta-portfolio-page .site-header #site-navigation.toggled,
 body.senta-portfolio-page .site-header #site-navigation.toggled .inside-navigation,
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav,
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav>ul{
  height:auto!important;min-height:0!important;
 }
 body.senta-portfolio-page .site-header #site-navigation.toggled .inside-navigation{
  max-height:none!important;padding-top:8px!important;padding-bottom:15px!important;
  overflow:visible!important;
 }
 body.senta-portfolio-page .site-header #site-navigation.toggled .main-nav>ul{
  margin-top:0!important;margin-bottom:0!important;
 }
 body.senta-portfolio-page .senta-portfolio-mobile-stack{
  margin-top:0!important;
 }
}