/* Original Fronterra artwork supplied by Juan, 12 October 2026.
   The source PNGs are copied unchanged. This viewport displays their lettering,
   retaining the exact original letterforms instead of substituting a font. */
.fr-wordmark{position:relative;display:inline-block;flex:none;width:var(--fr-wordmark-width,132px);aspect-ratio:1045 / 133;overflow:hidden;vertical-align:middle;line-height:0}
.fr-wordmark picture{display:contents}
span.fr-wordmark img.fr-wordmark-image{position:absolute;left:-2.488038%;top:0;width:103.349283%;height:auto;max-width:none;max-height:none;margin:0;padding:0;object-fit:fill;transform:translateY(-64.074074%);pointer-events:none}
.oc-wordmark,.t-mark{display:inline-flex;align-items:center;line-height:1}
.oc-brand small{align-items:center;gap:7px}
#landing .oc-brand small{display:inline-flex}
.oc-brand small .fr-wordmark,.brand-by .fr-wordmark{--fr-wordmark-width:88px}
.oc-explainer .brand-by{display:flex;align-items:center;gap:7px}
.oc-explainer .page-footer .fronterra{display:inline-flex;align-items:center}
.t-mark .fr-wordmark{--fr-wordmark-width:128px}
.oc-gate-mark{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.oc-gate-mark .fr-wordmark{--fr-wordmark-width:162px}
.fr-brand-divider{height:18px;width:1px;background:var(--fr-line,#2b3035);flex:none}
.fr-brand-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fr-brand-line .fr-wordmark{--fr-wordmark-width:116px}
@media(max-width:700px){#landing .oc-brand small{display:none}.t-mark .fr-wordmark{--fr-wordmark-width:106px}}
@media print{.fr-wordmark{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* Full official symbol + wordmark anchor every state of the team sign-in form. */
#oc-gate .oc-gate-mark{display:flex;flex-direction:column;align-items:center;gap:13px;margin-bottom:26px;text-align:center}
#oc-gate .oc-gate-mark picture{display:block;position:relative;width:180px;height:125px;overflow:hidden}
#oc-gate .fr-gate-logo{position:absolute;left:-2.488038%;top:0;width:103.349283%;height:auto;max-width:none;transform:translateY(-10.925926%)}
#oc-gate .oc-gate-mark>span{font:400 10px/1.5 var(--fr-mono,monospace);color:var(--fr-muted,#a2aaaf);letter-spacing:.07em}
#oc-gate .oc-language select{background:var(--fr-input);color:var(--fr-text);border:1px solid var(--fr-line-strong);border-radius:6px;padding:7px 10px;min-height:36px;color-scheme:dark}
@media(max-height:800px){#oc-gate .oc-gate-mark picture{width:148px;height:104px}#oc-gate .oc-gate-mark{gap:10px;margin-bottom:20px}}

body:has(#oc-gate:not(.oc-gate-hidden)){overflow:hidden}
@media(max-height:800px){
 #oc-gate .oc-gate-box{padding:20px 28px}
 #oc-gate .oc-gate-mark picture{width:128px;height:88px}
 #oc-gate .oc-gate-mark{gap:8px;margin-bottom:16px}
 #oc-gate .oc-gate-h{font-size:30px;margin-bottom:12px}
 #oc-gate .oc-gate-sub{margin-bottom:18px}
 #oc-gate .oc-auth-help{line-height:1.65}
}