
/* OUTBOX — Cinematic Services / approved five-card direction */
#features.ob-services{
  --ob-gold:#FBAF2A;--ob-white:#F9F8F5;--ob-border:rgba(255,255,255,.22);
  position:relative;isolation:isolate;overflow:hidden;padding:0 0 62px!important;
  background:linear-gradient(180deg,#070809 0%,#0b0c0d 85%,#090a0b 100%)!important;
}
#features.ob-services *,#features.ob-services *::before,#features.ob-services *::after{box-sizing:border-box}
#features .ob-services-hero{min-height:380px;height:clamp(355px,26.5vw,492px);position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;background:#0a0b0d}
#features .ob-hero-photo{position:absolute;inset:-8% auto -8% 0;width:48%;overflow:hidden;z-index:0;pointer-events:none}
#features .ob-hero-photo-right{inset:-8% 0 -8% auto;width:42%}
#features .ob-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.16) brightness(.7) saturate(.91);transform:scale(1.1);will-change:transform}
#features .ob-hero-photo-left img{object-position:62% 52%}
#features .ob-hero-photo-right img{object-position:52% center;filter:brightness(.62) contrast(1.16) saturate(.9)}
#features .ob-hero-photo-left::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,8,.18),rgba(4,5,8,.32) 50%,rgba(5,6,8,.95) 100%)}
#features .ob-hero-photo-right::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(4,5,8,.12),rgba(4,5,8,.25) 46%,rgba(5,6,8,.98) 100%)}
#features .ob-hero-ambience{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 44% 88% at 50% 42%,rgba(0,0,0,.98),rgba(0,0,0,.72) 53%,transparent 100%),linear-gradient(0deg,rgba(7,8,9,.95),transparent 39%,rgba(6,7,9,.16))}
#features .ob-hero-beam{position:absolute;inset:-50% auto -10%;width:120px;opacity:.35;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(251,175,42,.15),transparent);transform:rotate(18deg);filter:blur(20px)}
#features .ob-hero-beam-1{left:6%}
#features .ob-hero-beam-2{right:12%;transform:rotate(-19deg)}
#features .ob-hero-brand{position:absolute;z-index:2;left:clamp(25px,6vw,100px);top:clamp(27px,3vw,48px);max-width:150px;opacity:.95}
#features .ob-hero-brand img{height:auto;width:130px;object-fit:contain}
#features .ob-hero-copy{position:relative;z-index:3;max-width:min(96%,1080px);padding:75px 18px 42px;text-align:center;display:flex;flex-direction:column;align-items:center}
#features .ob-kicker{display:flex;align-items:center;gap:14px;justify-content:center;font:700 11px/1.4 'Space Grotesk',sans-serif;letter-spacing:.25em;text-transform:uppercase;color:var(--ob-gold);margin-bottom:27px}
#features .ob-kicker::before,#features .ob-kicker::after{content:"";width:34px;height:1px;background:var(--ob-gold)}
#features .ob-title{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(61px,6.5vw,120px);font-weight:900;line-height:.82;letter-spacing:-.014em;text-transform:uppercase;color:var(--ob-white);margin:0}
#features .ob-title span{display:block;white-space:nowrap}
#features .ob-title .ob-title-gold{color:var(--ob-gold);margin-top:12px;text-shadow:0 10px 35px rgba(251,175,42,.12)}
#features .ob-tagline{font-family:'DM Sans',sans-serif;color:rgba(250,247,244,.83);font-size:clamp(14px,1.2vw,19px);line-height:1.5;margin:26px 0 0}
#features .ob-hero-index{position:absolute;right:clamp(24px,5vw,85px);top:clamp(27px,3vw,45px);z-index:3;color:rgba(255,255,255,.6);font:600 10px/1.5 'Space Grotesk',sans-serif;letter-spacing:.19em}
#features .ob-card-container{width:min(calc(100% - 70px),1580px);margin:-5px auto 0;position:relative;z-index:4}
#features .ob-services-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px;align-items:stretch;perspective:1400px}
#features .ob-card-shell{min-width:0;perspective:1200px;transform-style:preserve-3d}
#features .ob-service-card{--ob-x:50%;--ob-y:50%;display:flex;flex-direction:column;min-width:0;position:relative;height:clamp(390px,31vw,493px);border:1px solid rgba(255,255,255,.23);border-radius:13px;overflow:hidden;background:#111213;color:var(--ob-white);box-shadow:0 15px 42px rgba(0,0,0,.44);transform-style:preserve-3d;will-change:transform;transition:border-color .35s,box-shadow .35s}
#features .ob-service-card::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle 270px at var(--ob-x) var(--ob-y),rgba(251,175,42,.20),transparent 70%);opacity:0;transition:opacity .3s}
#features .ob-service-card:hover{border-color:rgba(251,175,42,.9);box-shadow:0 28px 60px rgba(0,0,0,.5),0 0 27px rgba(251,175,42,.11)}
#features .ob-service-card:hover::before{opacity:1}
#features .ob-card-photo{position:absolute;inset:0;z-index:0;overflow:hidden;background:#151518}
#features .ob-card-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.07) brightness(.78) saturate(.91);transform:scale(1.01);transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .6s;will-change:transform}
#features .ob-service-card:hover .ob-card-photo img{transform:scale(1.13);filter:contrast(1.07) brightness(.94) saturate(1.03)}
#features .ob-card-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,5,6,.99) 0%,rgba(5,6,7,.88) 17%,rgba(6,7,8,.52) 44%,transparent 74%),linear-gradient(180deg,rgba(6,7,9,.52),transparent 39%)}
#features .ob-card-number{z-index:2;position:relative;display:flex;align-items:center;gap:13px;padding:20px 20px 0;font:400 23px/1 'Barlow Condensed',sans-serif;letter-spacing:.05em;color:#f7f4f0}
#features .ob-card-number::after{content:"";width:28px;height:1px;background:rgba(255,255,255,.65)}
#features .ob-card-content{z-index:2;position:relative;margin-top:auto;padding:0 20px 24px;transform:translateZ(16px)}
#features .ob-card-icon{display:grid;place-items:center;border:1px solid var(--ob-gold);border-radius:50%;width:52px;height:52px;margin-bottom:21px;color:var(--ob-gold);background:rgba(0,0,0,.57);box-shadow:0 0 15px rgba(251,175,42,.08)}
#features .ob-card-icon svg{height:24px;width:24px;stroke:currentColor;stroke-width:1.5;fill:none}
#features .ob-card-name{font-family:'Barlow Condensed',sans-serif;font-size:clamp(23px,1.65vw,30px);line-height:1.05;font-weight:900;letter-spacing:-.012em;margin:0;color:var(--ob-white)}
#features .ob-card-rule{display:block;width:49px;height:2px;background:var(--ob-gold);margin:19px 0 15px;transform-origin:left;transition:width .4s}
#features .ob-service-card:hover .ob-card-rule{width:83px}
#features .ob-card-description{font:400 clamp(12px,.9vw,15px)/1.42 'DM Sans',sans-serif;color:#dbdad8;margin:0;max-width:250px}
#features .ob-bottom-rail{display:flex;align-items:center;gap:20px;margin:37px auto 0;width:min(calc(100% - 80px),1545px);font:700 10px/1.5 'Space Grotesk',sans-serif;letter-spacing:.23em;color:#aaa7a7;text-transform:uppercase;white-space:nowrap}
#features .ob-bottom-rail b{color:var(--ob-gold);font-weight:700}
#features .ob-rail-line{height:1px;flex:1;background:linear-gradient(90deg,var(--ob-gold),rgba(251,175,42,.1));min-width:30px}
#features .ob-rail-cats{display:flex;gap:15px;flex-wrap:wrap;justify-content:flex-end}
#features .ob-rail-cats i{font-style:normal;color:var(--ob-gold)}
@media(min-width:1750px){#features .ob-services-hero{height:510px}#features .ob-service-card{height:510px}#features .ob-card-container{width:min(calc(100% - 90px),1700px)}}
@media(max-width:1320px){#features .ob-services-grid{gap:12px}#features .ob-card-container{width:min(calc(100% - 50px),1560px)}#features .ob-card-content{padding:0 16px 20px}#features .ob-card-number{padding-left:16px;padding-right:16px}#features .ob-card-name{font-size:clamp(22px,1.75vw,27px)}#features .ob-card-description{font-size:12px}#features .ob-service-card{height:440px}}
@media(max-width:1090px){#features .ob-services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}#features .ob-service-card{height:450px}#features .ob-card-name{font-size:30px}#features .ob-card-description{font-size:14px}#features .ob-services-hero{height:380px}#features .ob-title{font-size:clamp(65px,8vw,91px)}#features .ob-card-container{margin:0 auto}#features .ob-bottom-rail{white-space:normal}}
@media(max-width:740px){#features .ob-services-hero{height:385px}#features .ob-hero-photo{width:70%}#features .ob-hero-photo-right{width:61%}#features .ob-hero-ambience{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.8)),linear-gradient(0deg,#08090a,transparent 35%)}#features .ob-hero-brand img{width:105px}#features .ob-hero-index{display:none}#features .ob-title{font-size:clamp(54px,10.7vw,79px)}#features .ob-kicker{font-size:10px;gap:10px;margin-bottom:22px}#features .ob-kicker::before,#features .ob-kicker::after{width:22px}#features .ob-tagline{font-size:14px;margin-top:22px}#features .ob-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#features .ob-card-container{width:calc(100% - 30px)}#features .ob-service-card{height:430px}#features .ob-card-name{font-size:clamp(23px,4vw,32px)}#features .ob-card-description{font-size:13px}#features .ob-bottom-rail{width:calc(100% - 36px);gap:12px;margin-top:30px}#features .ob-rail-cats{display:none}}
@media(max-width:480px){#features.ob-services{padding-bottom:38px!important}#features .ob-services-hero{height:315px;min-height:0}#features .ob-hero-brand{top:18px;left:18px}#features .ob-hero-brand img{width:82px}#features .ob-hero-copy{padding-top:60px}#features .ob-title{font-size:clamp(42px,10.7vw,58px)}#features .ob-title .ob-title-gold{margin-top:10px}#features .ob-tagline{font-size:12px;max-width:270px}#features .ob-services-grid{grid-template-columns:1fr;gap:14px}#features .ob-card-container{width:calc(100% - 28px)}#features .ob-service-card{height:355px}#features .ob-card-photo img{object-position:center 40%}#features .ob-card-content{padding-bottom:22px}#features .ob-card-icon{width:45px;height:45px;margin-bottom:13px}#features .ob-card-name{font-size:30px}#features .ob-card-description{font-size:13px}#features .ob-card-rule{margin:11px 0}#features .ob-rail-cats{display:none}#features .ob-bottom-rail{margin-top:24px}}
@media(prefers-reduced-motion:reduce){#features .ob-service-card,#features .ob-card-photo img,#features .ob-card-rule{transition:none!important;transform:none!important}}
