/*
Theme Name: Surya Baruna Profile
Author: CV Surya Baruna Jaya
Description: Company profile inspired by the supplied PowerPoint. Editable WordPress block theme, with company photos and logos included.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: surya-baruna-profile
*/
:root{--sbj-orange:#f48532;--sbj-ink:#202020;--sbj-muted:#626262;--sbj-gold:#f8cb25}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}.wp-site-blocks>*{margin-block-start:0}.sbj-container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;box-sizing:border-box}.sbj-section{padding:90px 0;margin-top:0!important}.sbj-section h2{font-size:clamp(30px,3.5vw,49px);letter-spacing:-1.5px;margin:10px 0 28px}.sbj-section h3{font-size:24px}.sbj-orange{color:var(--sbj-orange)}.sbj-eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#8c4114;margin:0 0 16px}.sbj-eyebrow:before{content:'';display:block;width:48px;height:3px;background:var(--sbj-orange);margin-bottom:18px}.sbj-section p{margin-top:0;margin-bottom:18px}.sbj-section a{text-underline-offset:4px}.sbj-section figure{margin:0}.sbj-section img{display:block;width:100%;height:auto}.sbj-section .wp-block-button a{font-size:14px;border:1px solid transparent;padding:15px 24px;display:inline-block;text-decoration:none;font-weight:700;line-height:1.4;background:var(--sbj-orange);color:var(--sbj-ink)}.sbj-section .is-style-outline a{background:transparent;border-color:var(--sbj-ink)}.sbj-section .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.sbj-section .wp-block-button a:hover{filter:brightness(.92)}a:focus-visible{outline:3px solid #b86120;outline-offset:5px}.sbj-header{background:#fff;border-bottom:1px solid #e9e9e9;position:relative;z-index:10}.sbj-header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:94px}.sbj-logo{width:238px;flex-shrink:0;margin:0}.sbj-logo img{width:100%;height:auto;display:block}.sbj-nav{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.sbj-nav a{padding:8px 0;text-decoration:none}.sbj-nav a:hover{color:#a04d13}.sbj-hero{background:linear-gradient(100deg,rgba(246,246,244,.94),rgba(248,248,247,.86)),url("assets/hero-device.webp") center/cover;padding:0!important;overflow:hidden}.sbj-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;min-height:600px;align-items:center}.sbj-hero-copy{padding:70px 0}.sbj-hero h1{font-size:clamp(36px,4.4vw,61px);letter-spacing:-1.9px;font-weight:900;line-height:1.06;margin:23px 0}.sbj-hero-copy>p:not(.sbj-eyebrow):not(.sbj-hero-brand){font-size:18px;max-width:440px;color:#555}.sbj-hero-brand{font-size:11px;font-weight:800;letter-spacing:2px;margin:38px 0 0!important}.sbj-hero-images{display:grid;grid-template-columns:1fr 1fr;height:600px;margin:0!important;gap:12px}.sbj-hero-images figure{height:100%;overflow:hidden}.sbj-hero-images img{height:100%;object-fit:cover}.sbj-meeting{clip-path:polygon(0 0,100% 0,100% 100%,0 78%)}.sbj-temple{clip-path:polygon(0 0,100% 25%,100% 100%,0 100%)}.sbj-about-grid,.sbj-welcome-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;align-items:center}.sbj-about-visual{background:#202020;padding:28px 28px 0;position:relative}.sbj-gold-mark{width:130px!important;margin-bottom:26px!important}.sbj-about-image img{height:420px;object-fit:cover;object-position:center}.sbj-about-copy p,.sbj-welcome-copy p{color:#555}.sbj-about-copy h3{margin-top:30px;margin-bottom:12px;color:#914411}.sbj-history{background:#f7f7f5}.sbj-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#202020;color:white;margin-top:38px;padding:28px}.sbj-timeline-item{padding:20px 24px;border-right:1px solid #494949;margin:0!important}.sbj-timeline-item:last-child{border-right:0}.sbj-timeline-item h3{font-size:25px;margin:0 0 23px}.sbj-timeline-item h4{font-size:16px;line-height:1.35;margin:0 0 15px}.sbj-timeline-item p{font-size:14px;line-height:1.65;color:#d4d4d4;margin-bottom:0}.sbj-founders{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative;padding-bottom:48px}.sbj-founders:after{content:'';position:absolute;bottom:0;right:-20px;left:60px;height:180px;background:var(--sbj-orange);z-index:0}.sbj-founder{position:relative;z-index:1}.sbj-founder img{height:330px;object-fit:cover}.sbj-founder:nth-child(2){margin-top:65px!important}.sbj-services{background:#fafafa;border-top:1px solid #eee;border-bottom:1px solid #eee}.sbj-services-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}.sbj-service{background:white;border:1px solid #e2e2df;padding:34px;margin:0!important}.sbj-service-number{font-size:38px;line-height:1;color:#b25517;font-weight:800;margin-bottom:26px!important}.sbj-service h3{margin:0 0 16px}.sbj-service p{color:#5c5c5c}.sbj-service-link{margin-top:26px!important;margin-bottom:0!important;font-weight:700;font-size:14px}.sbj-service-link a{color:#8f4412;text-decoration:none}.sbj-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px}.sbj-person{margin:0!important}.sbj-person figure{overflow:hidden}.sbj-person img{aspect-ratio:1;object-fit:cover}.sbj-person h3{font-size:18px;margin-top:20px;margin-bottom:6px}.sbj-role{font-size:13px;color:#666}.sbj-partners{background:#f7f7f5}.sbj-partner-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.sbj-logo-cell,.sbj-platform-cell{height:126px;background:white;border:1px solid #eee;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;margin:0!important}.sbj-logo-cell figure,.sbj-platform-cell figure{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sbj-logo-cell img,.sbj-platform-cell img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}.sbj-platform-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.sbj-platform-cell{border:0;padding:10px;height:114px}.sbj-contact{background:#f3f1ed}.sbj-contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center}.sbj-contact-copy>p{max-width:550px}.sbj-contact-details{border-left:1px solid #ccc;padding:15px 0 15px 40px;margin:0!important}.sbj-contact-details h3{margin-top:0;font-size:22px}.sbj-contact-details a{overflow-wrap:anywhere}.sbj-footer{background:#202020;color:white;padding:45px 0 20px}.sbj-footer-inner{display:flex;justify-content:space-between;gap:30px}.sbj-footer-logo{width:145px;margin:0 0 15px}.sbj-footer-logo img{width:100%;height:auto}.sbj-footer-brand p{font-size:13px;color:#ccc}.sbj-footer-links h3{font-size:15px;margin-top:0}.sbj-footer-links p{font-size:14px;line-height:2}.sbj-footer a{color:#ddd;text-decoration:none}.sbj-copyright{margin-top:35px;border-top:1px solid #444;padding-top:20px;font-size:11px;color:#aaa}.sbj-copyright p{margin:0}.sbj-section .wp-block-post-template{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;padding:0}.sbj-section .wp-block-post-title{overflow-wrap:anywhere}.sbj-section .wp-block-post-content img{max-width:100%;height:auto}
@media(max-width:1000px){.sbj-container{padding-left:28px;padding-right:28px}.sbj-header-inner{gap:16px}.sbj-logo{width:190px}.sbj-nav{font-size:11px}.sbj-hero-grid{grid-template-columns:1.25fr 1fr;gap:18px;min-height:500px}.sbj-hero-images{height:500px}.sbj-about-grid,.sbj-welcome-grid{gap:40px}.sbj-timeline{grid-template-columns:1fr 1fr}.sbj-timeline-item:nth-child(2){border-right:0}.sbj-timeline-item:nth-child(-n+2){border-bottom:1px solid #494949}.sbj-partner-grid,.sbj-platform-grid{grid-template-columns:repeat(3,1fr)}.sbj-contact-grid{gap:35px}.sbj-person h3{font-size:15px}}
@media(max-width:700px){html{scroll-padding-top:20px}.sbj-container{padding-left:22px;padding-right:22px}.sbj-section{padding:56px 0}.sbj-header-inner{min-height:76px}.sbj-logo{width:190px}.sbj-hero-grid{grid-template-columns:1fr;gap:0}.sbj-hero-copy{padding:44px 0 30px}.sbj-hero h1{font-size:clamp(31px,7.8vw,49px);letter-spacing:-1px}.sbj-hero-images{height:260px;gap:10px}.sbj-hero-brand{margin-top:26px!important}.sbj-about-grid,.sbj-welcome-grid,.sbj-contact-grid{grid-template-columns:1fr;gap:35px}.sbj-about-image img{height:310px}.sbj-about-visual{max-width:410px}.sbj-section h2{font-size:31px;letter-spacing:-.7px}.sbj-services-grid{grid-template-columns:1fr;gap:16px}.sbj-service{padding:27px}.sbj-timeline{grid-template-columns:1fr;padding:14px 22px}.sbj-timeline-item{padding:25px 0;border-right:0;border-bottom:1px solid #494949}.sbj-timeline-item:last-child{border-bottom:0}.sbj-team-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.sbj-person h3{font-size:15px}.sbj-person p{font-size:12px}.sbj-founder img{height:240px}.sbj-founders:after{right:0;left:30px}.sbj-partner-grid{grid-template-columns:repeat(3,1fr);gap:10px}.sbj-logo-cell{height:100px;padding:12px}.sbj-platform-grid{grid-template-columns:1fr 1fr}.sbj-platform-cell{height:92px}.sbj-contact-details{border-left:0;border-top:1px solid #ccc;padding:25px 0 0}.sbj-footer-inner{flex-direction:column}.sbj-section .wp-block-post-template{grid-template-columns:1fr}.sbj-nav .wp-block-navigation__responsive-container.is-menu-open{padding:32px}.sbj-nav .wp-block-navigation__responsive-container-content{gap:26px;font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}