#services{background:#73898c;color:#142d35;padding:90px 7vw;grid-template-columns:.8fr 1.2fr;gap:7vw}#services h2,#services p,#services a{color:#142d35}#services .section-kicker{color:#243f48}#services .services-panel{transform:none;background:transparent;border:0;padding:0}#services .services-panel span{color:#17343d;border-color:rgba(23,52,61,.3);font-size:60px;height:120px}#services .services-panel span:nth-child(2){color:#f6efe5}#services a{border-color:#304e58}@media (max-width:700px){#services{padding:50px 6%!important;gap:35px!important}#services .services-panel span{height:76px;font-size:40px!important}#services>div:last-child h2{font-size:42px!important}#services>div:last-child p{font-size:13px!important;line-height:1.7!important}}@media (max-width:700px){}
/* Services video review. Approved showroom unchanged. */
#services{background:linear-gradient(180deg,#73898c,#9aa9a8);padding:72px 5vw 80px;gap:0;grid-template-columns:1.05fr 1fr;align-items:stretch}
#services .services-panel{background:#18313b;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;min-height:490px;isolation:isolate}
#services .services-panel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
#services .services-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,22,26,.04) 30%,rgba(10,22,26,.82) 100%);z-index:-1;pointer-events:none}
#services .services-panel span{color:#f5f1e8;border-color:rgba(236,230,217,.4);font-size:clamp(34px,3.6vw,48px);height:75px;position:relative}
#services .services-panel span:nth-child(2){color:#c5dcdf}
#services>div:last-child{background:#e3e0d7;padding:48px 40px;position:relative}
#services>div:last-child:before{content:"";display:block;width:54px;height:4px;background:#658b96;margin-bottom:28px}
#services h2{color:#19343d;font-size:clamp(48px,5vw,70px)}
#services p{color:#3c535b;line-height:1.8;font-size:14px}
#services .section-kicker{color:#547580}
#services .learn,#services .learn span{color:#284955;border-color:#6f898f}
@media (max-width:700px){#services{padding:42px 6% 48px!important;gap:0!important;grid-template-columns:1fr!important}#services .services-panel{order:0!important;min-height:340px;padding:22px 24px!important;margin:0!important}#services>div:last-child{order:1!important;padding:32px 24px!important}#services>div:last-child:before{margin-bottom:23px}#services>div:last-child h2{font-size:40px!important}#services>div:last-child p{font-size:13px!important;line-height:1.75!important}#services .services-panel span{height:57px;font-size:32px!important}}

/* Exact logo diamond asset, one loader roll on entry. */
#services .diamond-panel{height:auto;min-height:490px;padding:30px 22px;background:#18313b;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center;justify-items:center;overflow:hidden}
#services .diamond-panel:before{background:linear-gradient(145deg,transparent 52%,rgba(127,165,171,.09) 52%);z-index:0}
#services .service-diamond{width:190px;height:190px;position:relative;display:grid;place-items:center;z-index:1}
#services .service-diamond:last-child{grid-column:1/3;margin-top:-25px}
#services .diamond-outline{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#services .service-diamond b{position:relative;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;letter-spacing:.04em;color:#f3eee5}
#services .service-diamond:last-child b{font-size:11px;letter-spacing:0}
#services .diamond-panel.roll-once .service-diamond{animation:as-spin 1.15s cubic-bezier(.55,.15,.35,.85) 1 both}
@media (max-width:700px){#services .diamond-panel{min-height:365px;padding:24px 8px!important;gap:0}#services .service-diamond{width:151px;height:151px}#services .service-diamond:last-child{margin-top:-20px}#services .service-diamond b{font-size:12px}#services .service-diamond:last-child b{font-size:9px}}
@media (prefers-reduced-motion:reduce){#services .diamond-panel.roll-once .service-diamond{animation:none}}
#services .diamond-panel{background:#a5babe}
#services .diamond-panel:before{background:linear-gradient(145deg,transparent 52%,rgba(39,79,91,.07) 52%)}
#services .service-diamond b{color:#17343d;font-size:18px;font-weight:500;letter-spacing:.02em}
#services .service-diamond:last-child b{font-size:13px}
@media (max-width:700px){#services .service-diamond b{font-size:15px}#services .service-diamond:last-child b{font-size:10px}}

/* Diamonds on page background, square copy block. */
#services{grid-template-columns:1.05fr 1fr;align-items:center}
#services .diamond-panel{background:none!important;min-height:0;height:100%;padding:30px 22px;overflow:visible}
#services .diamond-panel:before{display:none}
#services>div:last-child{aspect-ratio:1/1;width:100%;padding:36px 34px;display:flex;flex-direction:column;justify-content:center}
#services>div:last-child:before{margin-bottom:20px}
#services h2{font-size:clamp(42px,4.4vw,62px);margin:16px 0 20px}
#services p{font-size:13px;line-height:1.75;margin:0 0 20px}
#services .learn{align-self:flex-start}
@media (max-width:700px){#services .diamond-panel{height:335px;min-height:0;padding:0 8px!important}#services>div:last-child{padding:23px 22px!important;aspect-ratio:1/1;min-height:0}#services>div:last-child:before{height:3px;min-height:3px;margin-bottom:13px;width:40px}#services .section-kicker{font-size:7px}#services>div:last-child h2{font-size:32px!important;margin:10px 0 13px!important}#services>div:last-child p{font-size:10.5px!important;line-height:1.55!important;margin:0 0 13px!important}#services .learn{font-size:8px;padding-bottom:8px;margin:0!important}}
/* Same-size larger diamonds and uniform lettering. */
#services .service-diamond{width:230px;height:230px}
#services .service-diamond b,#services .service-diamond:last-child b{font-size:16px;letter-spacing:0;font-weight:500}
#services .service-diamond:last-child{margin-top:-32px}
@media (max-width:700px){#services .diamond-panel{height:355px;padding:0!important;gap:0}#services .service-diamond{width:172px;height:172px}#services .service-diamond b,#services .service-diamond:last-child b{font-size:12px;letter-spacing:0}#services .service-diamond:last-child{margin-top:-24px}}

/* Continue the stats-ribbon charcoal; diamonds sit on that ground. */
#services{background:#263a43}
#services .service-diamond b,#services .service-diamond:last-child b{color:#f3eee5}
#services .service-diamond:nth-child(1){top:-26px;left:-8px}
#services .service-diamond:nth-child(2){top:23px;left:-5px}
#services .service-diamond:nth-child(3){top:15px;left:-38px}
@media (max-width:700px){#services .diamond-panel{height:400px}#services .service-diamond:nth-child(1){top:-14px;left:0}#services .service-diamond:nth-child(2){top:23px;left:0}#services .service-diamond:nth-child(3){top:18px;left:-21px}}

/* Exact terminal colour of the showroom gradient above the stats. */
#services{background:#587176}
#services .service-diamond b,#services .service-diamond:last-child b{color:#f3eee5}
#services .diamond-outline{filter:brightness(.62)}

/* Deliberately asymmetric settled placement; roll remains on each diamond. */
#services .diamond-panel{position:relative;display:block}
#services .service-diamond{position:absolute}
#services .service-diamond:nth-child(1){top:12px;left:14px}
#services .service-diamond:nth-child(2){top:109px;left:285px}
#services .service-diamond:nth-child(3){top:282px;left:119px}
@media (max-width:700px){#services .diamond-panel{height:447px}#services .service-diamond:nth-child(1){top:8px;left:-3px}#services .service-diamond:nth-child(2){top:88px;left:171px}#services .service-diamond:nth-child(3){top:246px;left:47px}}
/* Keep original showroom layout and spacing; apply only approved dark fade and legible palette. */
#showroom{background:linear-gradient(#141c20 0%,#293f47 45%,#587176 100%);color:#f7f2e8}
#showroom h2,#showroom .showroom-copy h2,#showroom a{color:#f7f2e8}
#showroom .showroom-details p{color:#d8e1df}
#showroom .section-kicker{color:#acc7cd}
#showroom a{border-color:#acc7cd}