.op-root{font-family:'Hanken Grotesk',system-ui,sans-serif;color:#2B2B2B;background:#FFFFFF}
.op-root *{box-sizing:border-box}
.op-link{color:#F8F8F8;text-decoration:none;font-size:16px;padding:10px 2px;border-bottom:1.5px solid transparent;transition:border-color .2s}
.op-link:hover{border-color:#D9733A;color:#F8F8F8}
.op-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s}
.op-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(14,27,42,.10)}
.op-arrow{display:inline-block;transition:transform .2s}
.op-card:hover .op-arrow,.op-row:hover .op-arrow{transform:translateX(4px)}
.op-btn-ember{transition:background .2s}
.op-btn-ember:hover{background:#E58750 !important;color:#0E1B2A !important}
.op-btn-ghost{transition:background .2s}
.op-btn-ghost:hover{background:rgba(248,248,248,.08) !important;color:#F8F8F8 !important}
.op-btn-dark{transition:background .2s}
.op-btn-dark:hover{background:#1B2E44 !important;color:#F8F8F8 !important}
.op-foot a{color:#C9D1DA;text-decoration:none}
.op-foot a:hover{color:#F8F8F8}
.op-dd-item{transition:background .15s}
.op-dd-item:hover{background:#F6F1F2}
.op-row{transition:background .2s}
.op-row:hover{background:#F4F4F4}
.op-crumb a{color:#A9B3BF;text-decoration:none}
.op-crumb a:hover{color:#F8F8F8}
.op-mob{display:none !important}
@media (max-width:1320px){.op-desk{display:none !important}.op-mob{display:flex !important}}
@keyframes opRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.op-rise{animation:opRise .8s ease both}
@supports (animation-timeline: view()){.op-reveal{animation:opRise linear both;animation-timeline:view();animation-range:entry 0% entry 35%}}
@keyframes opPulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}
.op-pulse{transform-box:fill-box;transform-origin:center;animation:opPulse 3.2s ease-in-out infinite}
@keyframes opDash{to{stroke-dashoffset:-40}}
.op-flow{stroke-dasharray:4 6;animation:opDash 2.4s linear infinite}
@keyframes opMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.op-marquee{animation:opMarquee 38s linear infinite}
@keyframes opFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.op-float{animation:opFloat 6s ease-in-out infinite}
@keyframes opFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.op-fade{animation:opFade .35s ease both}
.op-track{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.op-input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #CFD2D6;border-radius:4px;background:#FFFFFF;color:#2B2B2B;font:inherit;font-size:16px}
.op-input:focus{outline:2px solid #D9733A;outline-offset:1px;border-color:#D9733A}
.op-search{width:100%;min-height:56px;padding:0 18px;border:1px solid rgba(248,248,248,.25);border-radius:4px;background:rgba(248,248,248,.06);color:#F8F8F8;font:inherit;font-size:19px}
.op-search::placeholder{color:#A9B3BF}
.op-search:focus{outline:2px solid #D9733A;outline-offset:1px}

@keyframes opPar{from{transform:translateY(0)}to{transform:translateY(18%)}}
@supports (animation-timeline: scroll()){.op-parallax{animation:opPar linear both;animation-timeline:scroll(root);animation-range:0 100vh}}
@keyframes opScale{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()){.op-zoom{animation:opScale linear both;animation-timeline:view();animation-range:entry 0% entry 40%}}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #D9733A;outline-offset:3px;border-radius:2px}
.op-skip{position:absolute;left:16px;top:-60px;z-index:100;background:#D9733A;color:#0E1B2A;padding:10px 16px;border-radius:3px;font-weight:600;text-decoration:none}
.op-skip:focus{top:12px}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;scroll-behavior:auto !important}}
.op-foot-grid{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(4,minmax(0,1fr));gap:40px;align-items:start}
.op-foot-grid>div>div{min-width:0}
@media (max-width:1180px){.op-foot-grid{grid-template-columns:1fr 1fr 1fr}.op-foot-grid>div:first-child{grid-column:1/-1;max-width:460px}}
@media (max-width:640px){.op-foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.op-foot-grid{grid-template-columns:1fr}}
/* Header tiers: full menu >=1321px; drawer menu 761-1320px; full-screen menu <=760px */
@media (min-width:1321px){.op-menu,.op-menu-bg{display:none !important}}
@media (max-width:760px){
  .op-menu{width:100% !important;box-shadow:none !important}
  .op-menu-bg{display:none !important}
  .op-menu-top{font-size:28px !important}
}
/* Phone layout */
@media (max-width:760px){
  [style*="clamp(40px, 11vw, 240px)"]{padding-left:20px !important;padding-right:20px !important}
  [style*="clamp(24px, 4vw, 80px)"]{padding-left:16px !important;padding-right:16px !important}
  [style*="padding: 120px clamp"],[style*="padding: 112px clamp"]{padding-top:64px !important;padding-bottom:64px !important}
  [style*="padding: 120px clamp(40px, 11vw, 240px) 0"]{padding-bottom:0 !important}
  [style*="padding: 96px clamp"]{padding-top:56px !important;padding-bottom:56px !important}
  [style*="padding: 140px clamp"]{padding-top:72px !important;padding-bottom:72px !important}
  [style*="padding: 80px clamp(40px, 11vw, 240px) 128px"],[style*="padding: 80px clamp(40px, 11vw, 240px) 120px"]{padding-top:36px !important;padding-bottom:64px !important}
  [style*="padding: 80px clamp(40px, 11vw, 240px) 0"]{padding-top:36px !important}
  [style*="min-height: 720px"]{min-height:560px !important}
  [style*="gap: 64px"],[style*="gap: 56px"]{gap:32px !important}
  [style*="gap: 48px"],[style*="gap: 44px"]{gap:28px !important}
  [style*="minmax(240px"],[style*="minmax(260px"],[style*="minmax(280px"],[style*="minmax(300px"],[style*="minmax(320px"],[style*="minmax(340px"],[style*="minmax(360px"],[style*="minmax(380px"]{grid-template-columns:minmax(0,1fr) !important}
  [style*="minmax(200px"],[style*="minmax(220px"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .op-root a.op-btn-ember,.op-root a.op-btn-ghost,.op-root a.op-btn-dark,.op-root button.op-btn-ember{flex:1 1 100%;text-align:center;justify-content:center;box-sizing:border-box}
  .op-root p{overflow-wrap:break-word}
  .op-root{overflow-x:hidden}
}
@media (max-width:420px){
  [style*="minmax(200px"],[style*="minmax(220px"]{grid-template-columns:minmax(0,1fr) !important}
}
body[style*="overflow: hidden"] .op-wa{display:none !important}
@media (max-width:760px){.op-wa{width:52px !important;height:52px !important;right:14px !important;bottom:14px !important}}

/* Mobile header: logo + menu only */
html,body{max-width:100%;overflow-x:clip}
@supports not (overflow-x: clip){html,body{overflow-x:hidden}}
@media (max-width:760px){
  .op-headrow{gap:12px !important;padding-left:20px !important;padding-right:20px !important}
  .op-headlogo img{height:37px !important}
  .op-headtools{gap:0 !important}
  .op-headtools > button[aria-label="Search"],.op-head-enq{display:none !important}
  .op-mob[aria-label="Menu"]{width:44px !important;height:44px !important;flex:none !important}
  .op-hide-sm{display:none !important}
  .op-hero-home{background-image:url('assets/heroes/hero-home-m-ember.jpg') !important;background-position:center top !important}
  .op-hero-shade{background:linear-gradient(to top, rgba(10,21,32,.82) 0%, rgba(10,21,32,.25) 55%, rgba(10,21,32,0) 100%) !important}
}