/* Obilogistics corporate adaptation — preserve reusable PHP/CMS foundations */
:root{--ink:#071a2e;--paper:#f7f8f8;--gold:#cfa052;--gold2:#e6bc72;--muted:#5b6877;--line:#dce3e8;--serif:Georgia,'Times New Roman',serif}
html{scroll-behavior:smooth}body.ob-site{font-family:'Segoe UI',Arial,sans-serif;color:#14273a;background:#fff;overflow-x:hidden}body.ob-site h1,body.ob-site h2,body.ob-site h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}body.ob-site a{text-decoration:none}body.ob-site p{line-height:1.75}.ob-shell{width:min(1210px,calc(100% - 100px));margin-inline:auto}.ob-main{width:100%;overflow:hidden}.ob-kicker{font:700 11px/1.5 Arial,sans-serif;color:#b78131;letter-spacing:.23em;text-transform:uppercase;display:block;margin-bottom:22px}.ob-site em{font-style:italic;color:#ba8744}.ob-button{border:1px solid transparent;min-height:55px;padding:15px 22px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:2px;text-align:center;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.07em;transition:transform .25s,background .25s,color .25s;cursor:pointer}.ob-button:hover{transform:translateY(-3px)}.ob-button span{font-size:19px;font-weight:400}.ob-button-gold{background:linear-gradient(110deg,#e9be74,#c79545);color:#0a2034!important;border-color:#deb46c}.ob-button-line{border-color:rgba(231,204,163,.57);color:#fff!important;background:rgba(255,255,255,.03)}.ob-button-line:hover{background:rgba(255,255,255,.1)}.ob-button-navy{background:#091e35;color:#fff!important}.ob-text-link{color:#e8bd70;font:700 12px Arial,sans-serif;letter-spacing:.08em;display:inline-flex;gap:32px;margin-top:24px}.ob-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.ob-buttons-center{justify-content:center}
/* Desktop and mobile header */
.ob-site .site-header{position:absolute!important;top:0;right:0;left:0;height:96px;width:100%;padding:0 max(50px,calc((100vw - 1210px)/2));background:rgba(4,21,39,.72)!important;z-index:2000;border-bottom:1px solid rgba(226,190,124,.17);box-shadow:none;display:flex;align-items:center;gap:38px}.ob-site .site-header:not(.home-header){position:relative!important;background:#06192d!important}.ob-site .site-header.home-header.scrolled{position:fixed!important;background:rgba(5,24,42,.98)!important;backdrop-filter:blur(18px);border-bottom-color:rgba(226,190,124,.25)}.ob-site .brand{flex:0 0 auto;display:flex;align-items:center}.ob-site .brand img{width:220px;height:75px;max-width:none;object-fit:contain;object-position:left center;filter:none}.ob-site .main-nav{display:flex;gap:29px;align-items:center;justify-content:flex-end;margin-left:auto;padding:0;position:static;width:auto;transform:none;background:none;opacity:1}.ob-site .main-nav a{display:inline-flex;align-items:center;position:relative;color:#f0f3f6;font:600 12px/1 Arial,sans-serif;letter-spacing:.055em;padding:17px 0;opacity:1;transform:none;white-space:nowrap}.ob-site .main-nav a:hover,.ob-site .main-nav a.active{color:#edc383}.ob-site .main-nav a.active:after{content:'';position:absolute;height:2px;background:#cfa052;bottom:7px;left:0;right:0}.ob-site .main-nav .nav-arrow{display:none}.ob-site .menu-toggle{display:none}.ob-site .header-cta{display:inline-flex;white-space:nowrap;align-items:center;gap:15px;color:#0b2036;background:#d8a65c;padding:17px 20px;letter-spacing:.04em;font:700 12px Arial,sans-serif;border-radius:2px;margin:0 0 0 10px}.ob-site .header-cta span{font-size:16px}
/* Hero */
.ob-hero{height:min(865px,100svh);min-height:670px;position:relative;background:#07192e;color:#fff}.ob-hero.hero-slider{min-height:670px}.ob-hero-slide{position:absolute;inset:0;background-color:#07192e;background-image:linear-gradient(90deg,rgba(2,15,30,.88) 0%,rgba(4,20,38,.72) 48%,rgba(4,24,45,.24) 100%),var(--ob-hero-image);background-position:center;background-size:cover}.ob-hero-slide:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,20,35,.93),transparent 20%,transparent 85%);pointer-events:none}.ob-hero .slide:not(.active){opacity:0;pointer-events:none}.ob-hero .slide.active{opacity:1;pointer-events:auto;z-index:1}.ob-hero-content{height:100%;position:relative;display:grid;grid-template-columns:58% 42%;align-items:center;padding-top:80px}.ob-hero-copy{padding:10px 0 30px;z-index:2}.ob-overline{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.25em;color:#e7c58e;text-transform:uppercase;display:flex;align-items:center;gap:18px;margin-bottom:27px}.ob-overline-line{height:1px;width:38px;background:#d6a358;display:inline-block}.ob-hero h1{font-size:clamp(61px,6.1vw,95px);line-height:1.06;color:#fff;margin:0 0 27px;max-width:820px}.ob-hero p{font-size:clamp(16px,1.25vw,19px);line-height:1.8;color:#c9d7e0;max-width:610px;margin:0}.ob-hero-right{position:relative;min-height:500px;display:flex;justify-content:center;align-items:center}.ob-orbit{position:absolute;border:1px solid rgba(237,195,124,.24);width:410px;height:410px;border-radius:50%;transform:rotate(-24deg)}.ob-orbit-2{width:340px;height:340px;border-color:rgba(237,195,124,.17)}.ob-orbit-1:before,.ob-orbit-2:after{content:'';position:absolute;width:9px;height:9px;background:#e6b363;border-radius:50%;top:67px;left:63px;box-shadow:0 0 0 7px rgba(225,179,99,.12)}.ob-hero-sign{position:relative;z-index:2;width:285px;min-height:310px;background:linear-gradient(150deg,rgba(27,54,76,.82),rgba(5,19,34,.94));border:1px solid rgba(223,181,107,.35);padding:40px 28px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(4deg);box-shadow:0 30px 50px rgba(0,0,0,.17)}.ob-hero-sign span{font:700 10px Arial,sans-serif;color:#deb56f;letter-spacing:.24em}.ob-hero-sign b{font:400 40px/1.08 Georgia,serif;color:#fff;letter-spacing:-.04em}.ob-hero-sign small{color:#bccbd5;font:11px Arial,sans-serif;letter-spacing:.07em}.ob-hero-bottom{position:absolute;left:0;right:0;bottom:36px;display:flex;justify-content:center;align-items:center;gap:28px;font:700 10px Arial,sans-serif;letter-spacing:.21em;color:#b5c5ce}.ob-hero-bottom i{display:inline-block;width:5px;height:5px;border:1px solid #d6aa5d;border-radius:50%}.ob-slider-controls{position:absolute;bottom:66px;left:0;right:0;z-index:10;pointer-events:none}.ob-slider-controls .ob-shell{display:flex;align-items:center;justify-content:space-between}.ob-slider-controls .ob-shell>span{color:#b7c3cd;font:600 10px Arial,sans-serif;letter-spacing:.16em}.ob-slider-controls .slider-dots{position:static!important;display:flex;gap:9px;pointer-events:auto}.ob-slider-controls .slider-dots button{width:20px;height:3px;padding:0;border:0;border-radius:0;background:#7f8e9b;transition:width .3s}.ob-slider-controls .slider-dots button.active{width:43px;background:#d8ad67}
.ob-quickbar{background:#0c2a46;color:#fff}.ob-quickbar-grid{display:grid;grid-template-columns:1.1fr 1.55fr auto;align-items:center;gap:55px;padding-top:34px;padding-bottom:34px}.ob-quickbar .ob-kicker{margin-bottom:7px}.ob-quickbar strong{font:400 24px/1.3 Georgia,serif;color:#fff}.ob-quickbar p{color:#bfced8;font-size:13px;line-height:1.7;margin:0}.ob-quickbar a{color:#e9bc76;font:700 12px Arial,sans-serif;white-space:nowrap}.ob-quickbar a span{margin-left:16px}
/* Services */
.ob-section{padding:105px 0}.ob-section-header{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:42px}.ob-section-header>div{max-width:690px}.ob-section-header h2{font-size:clamp(42px,4.2vw,66px);line-height:1.1;margin:0}.ob-section-header p{font-size:14px;max-width:275px;color:#61707a;margin:0 0 9px}.ob-services-section{background:#f8f9f9}.ob-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ob-service{display:block;background:#fff;color:#1c3146;position:relative;min-width:0;overflow:hidden;border:1px solid #e8ebed;transition:box-shadow .3s,transform .3s}.ob-service:hover{transform:translateY(-6px);box-shadow:0 21px 45px rgba(4,26,48,.13)}.ob-service-image{height:192px;overflow:hidden;position:relative;background:#07243d}.ob-service-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.ob-service:hover .ob-service-image img{transform:scale(1.05)}.ob-service-number{position:absolute;bottom:0;left:0;padding:10px 14px;background:#d3a157;color:#071b2c;font:700 12px Arial,sans-serif}.ob-service-text{padding:25px 27px 31px;position:relative;min-height:173px}.ob-service-text small{display:block;font:700 10px Arial,sans-serif;letter-spacing:.16em;color:#b2874d;margin-bottom:10px}.ob-service-text h3{font-size:26px;line-height:1.22;margin:0 28px 13px 0;color:#092138}.ob-service-text p{font-size:13px;color:#64727d;margin:0;max-width:95%;line-height:1.6}.ob-service-arrow{position:absolute;right:23px;bottom:27px;color:#bf8f4c;font-size:23px}.ob-section-footer{border-top:1px solid #dee4e7;margin-top:35px;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:24px}.ob-section-footer p{font-size:13px;color:#677482;margin:0}.ob-service-full .ob-service-text{min-height:270px}.ob-service-includes{border-top:1px solid #e7ecf0;padding-top:15px;margin-top:18px;font:12px/1.65 Arial,sans-serif;color:#536574}.ob-service-inquiry{font:700 12px/1.3 Arial,sans-serif;display:inline-block;margin-top:20px;color:#9d692a!important}
/* Intro / detail */
.ob-dark-feature{background:#071d34;color:#fff;position:relative;padding:100px 0;overflow:hidden}.ob-dark-feature:before{content:'';position:absolute;width:590px;height:590px;border:1px solid rgba(229,191,119,.08);border-radius:50%;left:-260px;bottom:-340px;pointer-events:none}.ob-feature-layout{display:grid;grid-template-columns:1fr .9fr;gap:140px;align-items:center}.ob-dark-feature h2{font-size:clamp(41px,4.5vw,63px);line-height:1.12;margin:0 0 24px;color:#fff}.ob-dark-feature h2 em{color:#ddb06b}.ob-feature-layout>div:first-child>p{color:#b5c5cf;font-size:15px;max-width:525px}.ob-feature-items>div{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.13)}.ob-feature-items>div:first-child{border-top:1px solid rgba(255,255,255,.13)}.ob-feature-items b{font:400 24px Georgia,serif;color:#d7a761}.ob-feature-items h3{font-size:22px;margin:0 0 8px;color:#fff}.ob-feature-items p{font-size:13px;margin:0;color:#aebec9}
.ob-spotlight{background:#fff}.ob-spotlight-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:90px;align-items:center}.ob-spotlight-visual{background:#0c2a48;position:relative;min-height:430px;display:flex;align-items:stretch;overflow:hidden}.ob-spotlight-visual img{width:100%;height:auto;object-fit:cover;display:block}.ob-spotlight-visual>span{position:absolute;bottom:25px;left:25px;color:#f2d09a;letter-spacing:.19em;font:700 11px Arial,sans-serif}.ob-spotlight-copy h2{font-size:clamp(40px,4.1vw,58px);line-height:1.12;margin:0 0 22px}.ob-spotlight-copy p{color:#606d79;font-size:15px}.ob-ticks{display:flex;flex-direction:column;gap:12px;margin:26px 0;color:#183651;font-size:13px}.ob-ticks span{border-bottom:1px solid #e4e7e8;padding-bottom:9px}.ob-director{background:#eef1f2;padding:65px 0}.ob-director-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.ob-director h2{font-size:clamp(36px,3.6vw,53px);margin:0 0 15px;line-height:1.15}.ob-director p{font-size:14px;color:#60707d;max-width:485px}.ob-director-card{background:#09243f;color:#fff;padding:35px 40px;display:flex;align-items:center;gap:26px;border-left:4px solid #d4a75f;box-shadow:0 14px 35px rgba(4,25,43,.13)}.ob-director-mark{width:76px;height:76px;border:1px solid #d9ae6b;border-radius:50%;flex:0 0 76px;display:grid;place-items:center;font:28px Georgia,serif;color:#e2b570}.ob-director-card small{display:block;color:#d1a362;font:700 10px Arial,sans-serif;letter-spacing:.18em}.ob-director-card h3{font-size:30px;color:#fff;margin:9px 0}.ob-director-card a{font-size:12px;color:#e3bc83}.ob-director-card-light{margin-top:26px}.ob-cta{padding:110px 0;background:radial-gradient(circle at 80% 10%,#1c4261 0,#061a2f 62%);text-align:center;color:#fff}.ob-cta h2{font-size:clamp(46px,5.2vw,74px);max-width:860px;margin:0 auto 20px;line-height:1.11;color:#fff}.ob-cta h2 em{color:#dcb06b}.ob-cta p{font-size:15px;color:#bdcad5;margin:0 auto;max-width:620px}.ob-cta .ob-buttons{margin-top:30px}
/* About, cases, journal */
.ob-inner-hero{min-height:395px!important;padding:112px 0 80px!important;background-position:right center!important;background-size:cover!important;background-attachment:scroll!important;display:flex;align-items:end;position:relative;isolation:isolate}.ob-inner-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,22,40,.96),rgba(7,26,45,.65) 100%);z-index:-1}.ob-inner-hero .ob-shell{margin-inline:auto}.ob-inner-hero h1{max-width:950px;font-size:clamp(48px,5.2vw,74px);color:#fff;line-height:1.05;margin:10px 0 15px}.ob-inner-hero span{color:#e1b66f;font:700 11px Arial,sans-serif;letter-spacing:.22em}.ob-inner-hero p{color:#cad6df;max-width:670px;font-size:15px;margin:0}.ob-about-intro{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:start}.ob-about-intro h2{font-size:clamp(39px,4.1vw,58px);line-height:1.13;margin:0 0 30px}.ob-about-intro p{font-size:15px;color:#566c7b;line-height:1.95;margin:0 0 20px}.ob-about-intro b{color:#15324c}.ob-about-intro a:not(.ob-button){color:#94682e}.ob-three-values{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.ob-three-values article{border-top:1px solid rgba(224,175,97,.55);padding-top:25px}.ob-three-values span{color:#d7a661;font-size:13px}.ob-three-values h3{font-size:30px;color:#fff;margin:22px 0}.ob-three-values p{color:#bdcbd5;font-size:14px}.ob-empty{background:#f3f6f6;border:1px solid #e0e7ec;padding:70px 30px;text-align:center}.ob-empty h2{font-size:38px;margin:0 0 15px}.ob-empty p{color:#647587}.ob-blog-content{max-width:900px;font-size:16px;line-height:1.85}.ob-blog-content img{max-width:100%}
/* Enquiry form */
.ob-contact-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:95px}.ob-contact-aside h2{font-size:clamp(43px,4.3vw,59px);margin:0 0 22px;line-height:1.13}.ob-contact-aside>p{color:#61707d;font-size:14px;margin-bottom:45px}.ob-contact-way{border-top:1px solid #dde4e8;padding:18px 0;display:flex;flex-direction:column;gap:9px}.ob-contact-way>span{font:700 10px Arial,sans-serif;color:#a57a3c;letter-spacing:.2em}.ob-contact-way a,.ob-contact-way b{font:500 19px Arial,sans-serif;color:#102d47}.ob-contact-form{background:#f6f8f8;padding:42px 43px;border:1px solid #e6ebee}.ob-form-top{margin-bottom:26px}.ob-form-top .ob-kicker{margin-bottom:10px}.ob-form-top h2{font-size:39px;margin:0 0 7px}.ob-form-top p{font-size:13px;color:#647381;margin:0}.ob-contact-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.ob-contact-form .field{display:flex;flex-direction:column;gap:8px;min-width:0}.ob-contact-form .field.full{grid-column:1/-1}.ob-contact-form label{font:700 12px Arial,sans-serif;color:#18344e}.ob-contact-form input,.ob-contact-form select,.ob-contact-form textarea{background:#fff;border:1px solid #d4dee4;width:100%;min-height:48px;padding:12px;color:#16364e;border-radius:1px;font:14px Arial,sans-serif}.ob-contact-form textarea{height:140px;resize:vertical}.ob-contact-form input:focus,.ob-contact-form textarea:focus,.ob-contact-form select:focus{outline:2px solid rgba(209,166,94,.55);border-color:#c59c56}.ob-contact-form button{width:100%}.ob-form-hint{font-size:11px;color:#74818b;text-align:center;margin:12px 0 0}.ob-form-success{padding:14px 18px;background:#e4f3e8;color:#18592f;margin-bottom:20px;font-size:13px}.ob-contact-form .form-status{color:#825e29;font-size:13px;min-height:22px}.ob-contact-form .form-progress{background:#dfe5e6;height:3px;overflow:hidden;margin:0}.ob-contact-form .form-progress i{background:#c69a58;display:block;width:0;height:100%;transition:width .3s}
/* Footer */
.ob-footer{background:#031525;color:#fff}.ob-footer-top{padding-top:80px;padding-bottom:68px;display:grid;grid-template-columns:2fr 1fr 1.1fr 1.55fr;gap:55px}.ob-footer-brand img{width:210px;height:auto;display:block;margin-bottom:22px}.ob-footer-top p{font-size:13px;line-height:1.85;color:#afbfcd;margin:0 0 15px}.ob-footer-note{font:700 10px Arial,sans-serif;color:#bc9a6a;letter-spacing:.13em}.ob-footer h4{font:700 11px Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#e5b975;margin:12px 0 23px}.ob-footer-top a:not(.ob-footer-brand){font-size:13px;color:#c2ced8;display:block;margin-bottom:14px}.ob-footer-top a:hover{color:#ecc686}.ob-footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding:21px 0 30px;display:flex;justify-content:space-between;gap:25px;color:#8095a6;font:11px Arial,sans-serif}.ob-site .wa{z-index:800;background:#23af64}
@media(max-width:1200px){.ob-shell{width:min(1100px,calc(100% - 76px))}.ob-site .site-header{padding-inline:38px;gap:18px}.ob-site .brand img{width:182px}.ob-site .main-nav{gap:18px}.ob-site .header-cta{padding:15px 14px}.ob-feature-layout{gap:70px}}
@media(max-width:940px){.ob-site .site-header{height:80px;padding:0 27px}.ob-site .brand img{width:190px;height:63px}.ob-site .menu-toggle{display:block;width:44px;height:44px;margin-left:auto;border:1px solid rgba(255,255,255,.36);padding:10px;background:transparent;z-index:2003}.ob-site .menu-toggle span{display:block;width:22px;height:2px;background:#eac387;margin:5px auto}.ob-site .header-cta{display:none}.ob-site .main-nav{display:none;position:fixed;top:79px;right:0;left:0;bottom:0;width:100%;height:auto;z-index:2001;margin:0;overflow-y:auto;background:#061b31;padding:35px 32px 60px;flex-direction:column;align-items:stretch;gap:0;justify-content:flex-start}.ob-site .main-nav.open{display:flex}.ob-site .main-nav a{padding:21px 6px;border-bottom:1px solid rgba(255,255,255,.12);font:400 26px Georgia,serif;letter-spacing:0;opacity:1;transform:none;display:flex;justify-content:space-between}.ob-site .main-nav a.active:after{display:none}.ob-site .main-nav a .nav-arrow{display:block;color:#d0a266}.ob-hero-content{grid-template-columns:65% 35%}.ob-hero h1{font-size:clamp(50px,6.6vw,78px)}.ob-hero-right{opacity:.6}.ob-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-quickbar-grid{grid-template-columns:1fr 1.5fr;gap:35px}.ob-quickbar-grid a{grid-column:1/-1}.ob-feature-layout,.ob-spotlight-grid{gap:50px}.ob-footer-top{grid-template-columns:repeat(2,1fr)}.ob-contact-layout{gap:40px}}
@media(max-width:700px){.ob-shell{width:calc(100% - 42px)}.ob-site .site-header{height:74px;padding:0 21px}.ob-site .brand img{width:174px;height:62px}.ob-site .main-nav{top:74px}.ob-hero,.ob-hero.hero-slider{height:100svh;min-height:650px;max-height:900px}.ob-hero-slide{background-image:linear-gradient(90deg,rgba(2,15,30,.89),rgba(4,22,42,.57)),var(--ob-hero-image);background-position:62% center}.ob-hero-content{grid-template-columns:1fr;padding-top:120px;padding-bottom:110px;align-items:center}.ob-hero-copy{padding:0}.ob-hero h1{font-size:clamp(43px,11.6vw,67px);line-height:1.03;margin-bottom:22px}.ob-overline{font-size:9px;letter-spacing:.17em;gap:12px;margin-bottom:19px}.ob-overline-line{width:25px}.ob-hero p{font-size:14px;line-height:1.65}.ob-hero-right{display:none}.ob-hero .ob-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:29px}.ob-hero .ob-button{min-height:55px;padding:11px 8px;font-size:10px;gap:6px;letter-spacing:0}.ob-hero .ob-button span{font-size:16px}.ob-hero-bottom{bottom:24px;gap:12px;font-size:8px;letter-spacing:.09em}.ob-slider-controls{bottom:64px}.ob-slider-controls .ob-shell>span{font-size:8px;max-width:180px;line-height:1.4}.ob-quickbar-grid{grid-template-columns:1fr;gap:16px;padding-block:27px}.ob-quickbar-grid a{grid-column:auto}.ob-quickbar strong{font-size:23px}.ob-section{padding:73px 0}.ob-section-header{display:block;margin-bottom:32px}.ob-section-header h2{font-size:clamp(38px,9.3vw,52px)}.ob-section-header p{max-width:none;margin-top:18px}.ob-service-grid{grid-template-columns:1fr;gap:17px}.ob-service-image{height:185px}.ob-service-text{padding:24px 24px 28px;min-height:auto}.ob-service-full .ob-service-text{min-height:auto}.ob-service-text h3{font-size:26px}.ob-section-footer{display:block}.ob-section-footer p{margin-bottom:18px}.ob-section-footer .ob-button{width:100%}.ob-dark-feature{padding:76px 0}.ob-feature-layout{grid-template-columns:1fr;gap:24px}.ob-dark-feature h2{font-size:clamp(39px,9vw,52px)}.ob-feature-items>div{grid-template-columns:45px 1fr;gap:12px}.ob-spotlight-grid{grid-template-columns:1fr;gap:35px}.ob-spotlight-visual{min-height:0}.ob-spotlight-copy h2{font-size:42px}.ob-spotlight-copy .ob-button{width:100%}.ob-director{padding:65px 0}.ob-director-grid{grid-template-columns:1fr;gap:25px}.ob-director h2{font-size:41px}.ob-director-card{padding:25px 20px;gap:18px}.ob-director-mark{width:60px;height:60px;flex-basis:60px;font-size:22px}.ob-director-card h3{font-size:27px}.ob-cta{padding:80px 0}.ob-cta h2{font-size:clamp(43px,10vw,56px)}.ob-cta .ob-buttons{display:grid;grid-template-columns:1fr;gap:12px}.ob-inner-hero{min-height:330px!important;padding:90px 0 55px!important}.ob-inner-hero h1{font-size:clamp(43px,10.2vw,57px)}.ob-inner-hero p{font-size:13px}.ob-about-intro{grid-template-columns:1fr;gap:20px}.ob-about-intro h2{font-size:clamp(39px,9vw,52px)}.ob-about-intro p{font-size:14px}.ob-three-values{grid-template-columns:1fr;gap:25px}.ob-three-values article{padding-top:18px}.ob-three-values h3{margin:13px 0}.ob-contact-layout{grid-template-columns:1fr;gap:30px}.ob-contact-aside h2{font-size:clamp(40px,10vw,50px)}.ob-contact-aside>p{margin-bottom:25px}.ob-contact-form{padding:24px 20px}.ob-contact-form .form-grid{grid-template-columns:1fr;gap:18px}.ob-contact-form .field.full{grid-column:auto}.ob-form-top h2{font-size:33px}.ob-footer-top{grid-template-columns:1fr 1fr;column-gap:24px;row-gap:33px;padding-block:55px 40px}.ob-footer-top>div:first-child{grid-column:1/-1}.ob-footer-top>div:last-child{grid-column:1/-1}.ob-footer-bottom{display:block;line-height:1.7}.ob-footer-bottom span{display:block;margin-bottom:5px}}
@media(max-width:370px){.ob-site .brand img{width:160px}.ob-hero h1{font-size:41px}.ob-hero .ob-button{font-size:9px}.ob-hero-bottom{letter-spacing:0}.ob-slider-controls .ob-shell>span{max-width:155px}}
@media(prefers-reduced-motion:reduce){.ob-service,.ob-service img,.ob-button{transition:none!important}.ob-hero-slide{transition:none!important}}

/* v1.1: restored original project's video-behind-rotating-slides hero */
.ob-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none;display:block}
.ob-hero.has-video:not(.video-static) .ob-hero-slide{background-image:linear-gradient(90deg,rgba(2,15,30,.72) 0%,rgba(4,20,38,.38) 48%,rgba(4,24,45,.12) 100%);background-color:transparent}
.ob-hero.has-video .ob-hero-content,.ob-hero.has-video .ob-hero-bottom{z-index:2}
.ob-hero.video-static .ob-hero-video{display:none}
@media(max-width:700px){.ob-hero.has-video:not(.video-static) .ob-hero-slide{background-image:linear-gradient(90deg,rgba(2,15,30,.80),rgba(4,22,42,.30))}.ob-hero-video{object-position:65% center}}
@media(prefers-reduced-motion:reduce){.ob-hero-video{display:none!important}.ob-hero.has-video .ob-hero-slide{background-color:#07192e!important;background-image:linear-gradient(90deg,rgba(2,15,30,.89),rgba(4,22,42,.57)),var(--ob-hero-image)!important}}