/* Crude oil advisory service page */
.adv-ind{margin-top:12px;background:#F6F5F3;border:1px solid #DCDDDF;border-left:4px solid #0B2545;border-radius:16px;padding:26px 30px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start}
.adv-ind h2{margin:0 0 6px;font-family:Inter,sans-serif;font-size:17px;font-weight:600;color:#0B2545;letter-spacing:0}
.adv-ind p{margin:0;font-size:15.5px;line-height:1.7;color:#3D4B5F}
.adv-ind .pd-ic{background:rgba(11,37,69,.08)}
.adv-proc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.adv-proc-l>p:not(.eb){margin:20px 0 0;font-size:17px;line-height:1.7;color:#3D4B5F}
.adv-ext{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-weight:600;font-size:15px;color:#0B2545;text-decoration:none;border-bottom:1.5px solid #CE1126;padding-bottom:3px}
.adv-ext:hover{color:#CE1126}
.adv-svc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.adv-svc li{background:#F6F5F3;border:1px solid #DCDDDF;border-radius:16px;padding:28px;display:flex;flex-direction:column}
.adv-svc .n{font-family:Archivo,sans-serif;font-weight:600;font-size:14px;color:#CE1126;margin-top:18px}
.adv-svc h3{margin:6px 0 8px;font-size:18px;font-weight:600;color:#0B2545}
.adv-svc p{margin:0;font-size:15px;line-height:1.6;color:#3D4B5F}
.pd-docs.no li::before{background:#0B2545 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center/11px no-repeat}
.adv-note{margin:16px 0 0;font-size:14px;color:#4E5B6E}
/* advisory enquiry form */
.adv-cta{background:#0B2545;color:#fff;border-radius:20px;padding:64px 72px;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px;align-items:start;box-sizing:border-box}
.adv-cta h2{margin:0;font-family:Archivo,sans-serif;font-weight:600;font-size:48px;line-height:1.05;letter-spacing:-1.2px;color:#fff}
.adv-cta .eb{margin:0 0 14px;font-size:12px;letter-spacing:2px;font-weight:600;color:#F2A0AA}
.adv-cta-l>p:not(.eb){margin:18px 0 0;font-size:17px;line-height:1.65;color:#C9D2DE}
.adv-cta-l ul{list-style:none;margin:24px 0 0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.14)}
.adv-cta-l li{position:relative;padding:6px 0 6px 20px;font-size:14.5px;color:#C9D2DE}
.adv-cta-l li::before{content:"";position:absolute;left:0;top:14px;width:7px;height:7px;border-radius:2px;background:#CE1126}
.adv-form{background:#F6F5F3;border-radius:16px;padding:32px;color:#0B2545}
.adv-form h3{margin:0;font-family:Archivo,sans-serif;font-weight:600;font-size:22px}
.adv-form>p{margin:6px 0 22px;font-size:14px;color:#4E5B6E}
.adv-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.adv-f{display:flex;flex-direction:column;gap:6px;min-width:0}.adv-f.w{grid-column:1/-1}
.adv-f label,.adv-f legend{font-size:13px;font-weight:600;color:#0B2545;padding:0}
.adv-f input,.adv-f select,.adv-f textarea{font:500 15px Inter,sans-serif;color:#0B2545;background:#fff;border:1.5px solid #C3C9D2;border-radius:8px;padding:12px 14px;box-sizing:border-box;width:100%;transition:border-color .2s,box-shadow .2s}
.adv-f input,.adv-f select{height:48px}
.adv-f textarea{min-height:100px;resize:vertical}
.adv-f input:focus,.adv-f select:focus,.adv-f textarea:focus{outline:0;border-color:#0B2545;box-shadow:0 0 0 3px rgba(11,37,69,.12)}
fieldset.adv-f{border:0;margin:0;padding:0;min-width:0}
.adv-chk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:8px}
.adv-chk label{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:14px;color:#3D4B5F;background:#fff;border:1.5px solid #DCDDDF;border-radius:8px;padding:11px 12px;cursor:pointer}
.adv-chk input{width:16px;height:16px;margin:2px 0 0;accent-color:#CE1126;flex:none}
.adv-ok{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:#3D4B5F;margin-top:4px}
.adv-ok input{width:16px;height:16px;margin:2px 0 0;accent-color:#CE1126;flex:none}
.adv-sub{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}
.adv-sub small{font-size:13px;color:#4E5B6E}
.cta-adv + .pf{margin-top:100px}
@media (max-width:1100px){
  .adv-svc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adv-cta{grid-template-columns:minmax(0,1fr);gap:36px;padding:48px 40px}
}
@media (max-width:900px){.adv-proc{grid-template-columns:minmax(0,1fr);gap:28px}}
@media (max-width:600px){
  .adv-ind{grid-template-columns:minmax(0,1fr);gap:12px;padding:22px 20px}
  .adv-svc{grid-template-columns:minmax(0,1fr)}.adv-svc li{padding:24px}
  .adv-cta{padding:40px 20px}.adv-cta h2{font-size:36px;letter-spacing:-.8px}
  .adv-form{padding:22px 18px}.adv-g,.adv-chk{grid-template-columns:minmax(0,1fr)}
  .adv-sub .ce-btn{flex:1 1 100%}
}
@media (orientation:landscape) and (max-height:500px) and (max-width:950px){
  .adv-cta{grid-template-columns:minmax(0,1fr);padding:32px 28px}
}
.adv-svc li p.dl{margin-top:auto;padding-top:16px;border-top:1px solid #DCDDDF;font-size:14px;font-weight:600;color:#0B2545;line-height:1.45}
.adv-svc li p.dl span{display:block;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#CE1126;margin-bottom:4px}
.adv-svc li>p:not(.dl){margin-bottom:18px}
.adv-priv{margin:0;font-size:13px;color:#4E5B6E}.adv-priv a{color:#0B2545;font-weight:600}

/* overlay hero: text over the open water of the 16:9 photo (desktop, and any landscape screen) */
@media (min-width:1101px),(orientation:landscape){
.pd-hero.ov{position:relative;display:flex;grid-template-columns:none;min-height:clamp(560px,42vw,760px);border-radius:20px;overflow:hidden;background:#0B2545}
.pd-hero.ov .pd-hero-p{position:absolute;inset:0;order:0;aspect-ratio:auto;border-radius:0;min-height:0;background-position:right 15% !important}
.pd-hero.ov .pd-hero-t{position:relative;z-index:1;flex:1;justify-content:center;border-radius:0;padding:48px 64px;background:linear-gradient(90deg,rgba(11,37,69,.92) 0%,rgba(11,37,69,.76) 32%,rgba(11,37,69,.3) 50%,rgba(11,37,69,0) 62%)}
.pd-hero.ov .pd-hero-t>*{max-width:540px}
.pd-hero.ov .pd-crumb{margin-bottom:28px}
.pd-hero.ov .pd-hero-t .eb{margin-top:0}
}
@media (min-width:1101px) and (max-width:1320px){.pd-hero.ov .pd-hero-t>*{max-width:460px}.pd-hero.ov h1{font-size:52px}}
@media (min-width:1921px){.pd-hero.ov{min-height:40vw}}
/* landscape tablets and phones: navy text side on the left, photo on the right fading into it, one panel */
@media (orientation:landscape) and (max-width:1100px){
.pd-hero.ov{min-height:0}
.pd-hero.ov .pd-hero-p{left:auto;width:68%;background-position:88% center !important}
.pd-hero.ov .pd-hero-p::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0B2545 0%,rgba(11,37,69,.88) 16%,rgba(11,37,69,.55) 32%,rgba(11,37,69,.2) 46%,rgba(11,37,69,0) 58%)}
.pd-hero.ov .pd-hero-t{padding:36px 40px;background:none}
.pd-hero.ov .pd-hero-t>*{max-width:51%}
.pd-hero.ov h1{font-size:38px}
.pd-hero.ov .pd-hero-t>p:not(.eb){font-size:15px}
}
@media (orientation:landscape) and (max-height:500px){
.pd-hero.ov .pd-hero-t{padding:24px 28px}
.pd-hero.ov .pd-crumb{margin-bottom:14px}
.pd-hero.ov h1{font-size:28px;letter-spacing:-.6px}
.pd-hero.ov .pd-hero-t>p:not(.eb){font-size:14px;margin-top:12px}
}
/* portrait phones and tablets: tall photo on top with the breadcrumb over it, fading into the navy text panel */
@media (max-width:1100px) and (orientation:portrait){
.pd-hero.ov{position:relative;gap:0}
.pd-hero.ov .pd-hero-p{position:relative;background-image:url(/assets/crude-terminal-portrait.jpg) !important;background-position:50% 0 !important;aspect-ratio:1/1;border-radius:20px 20px 0 0}
.pd-hero.ov .pd-hero-p::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(11,37,69,.6) 0%,rgba(11,37,69,0) 16%,rgba(11,37,69,0) 55%,rgba(11,37,69,.65) 82%,#0B2545 100%)}
.pd-hero.ov .pd-hero-t{border-radius:0 0 20px 20px;margin-top:-1px;padding-top:12px}
.pd-hero.ov .pd-crumb{position:absolute;top:20px;left:24px;right:24px;z-index:2;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.pd-hero.ov .pd-hero-t .eb{margin-top:0}
}
@media (max-width:600px) and (orientation:portrait){.pd-hero.ov .pd-hero-p{aspect-ratio:4/5}.pd-hero.ov .pd-crumb{top:16px;left:20px}}
/* portrait: show the ships and the first jetty platform only, then fade into the text */
@media (max-width:1100px) and (orientation:portrait){
.pd-hero.ov .pd-hero-p{aspect-ratio:10/9 !important}
.pd-hero.ov .pd-hero-p::after{background:linear-gradient(180deg,rgba(11,37,69,.6) 0%,rgba(11,37,69,0) 16%,rgba(11,37,69,0) 72%,rgba(11,37,69,.7) 88%,#0B2545 100%)}}
.adv-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.adv-form .done,.adv-form .err{margin:16px 0 0;padding:14px 16px;border-radius:8px;font-size:14px;line-height:1.5}
.adv-form .done{background:#E7F1EA;color:#1D5B33}.adv-form .err{background:#FBEAEC;color:#8E0C1A}.adv-form .err a{color:#8E0C1A}
.adv-form .ce-btn:disabled{opacity:.6;cursor:wait}