/* SBP brand layer — from the Graphic Standard Manual (Architec Graphic, 2025).
   Fonts are the client's desktop files, embedded for design comps only.
   Web licences for Sackers Gothic (Monotype) and Sebino (Nine Font) must be bought before launch. */
@font-face{font-family:"Sackers Gothic";font-weight:300;src:url("../fonts/sackersgothicstd-light.otf") format("opentype")}
@font-face{font-family:"Sackers Gothic";font-weight:500;src:url("../fonts/sackersgothicstd-medium.otf") format("opentype")}
@font-face{font-family:"Sackers Gothic";font-weight:800;src:url("../fonts/sackersgothicstd-heavy.otf") format("opentype")}
@font-face{font-family:"Sackers Gothic Square";font-weight:400;src:url("../fonts/Sackers Gothic Std Square.otf") format("opentype")}
@font-face{font-family:"Sebino";font-weight:100;src:url("../fonts/Sebino-Thin.ttf") format("truetype")}
@font-face{font-family:"Sebino";font-weight:200;src:url("../fonts/Sebino-ExtraLight.ttf") format("truetype")}
@font-face{font-family:"Sebino";font-weight:300;src:url("../fonts/Sebino-Light.ttf") format("truetype")}
@font-face{font-family:"Sebino";font-weight:300;font-style:italic;src:url("../fonts/Sebino-LightItalic.ttf") format("truetype")}
@font-face{font-family:"Sebino";font-weight:400;src:url("../fonts/Sebino-Regular.ttf") format("truetype")}
@font-face{font-family:"Sebino";font-weight:400;font-style:italic;src:url("../fonts/Sebino-RegularItalic.ttf") format("truetype")}
@font-face{font-family:"Sebino";font-weight:500;src:url("../fonts/Sebino-Medium.ttf") format("truetype")}
@font-face{font-family:"Sebino";font-weight:700;src:url("../fonts/Sebino-Bold.ttf") format("truetype")}
:root{
  --blue:#0C5C97;      /* C85 M50 Y0 K25 */
  --orange:#D68917;    /* C0 M45 Y100 K15 */
  --beige:#EEEEEE;     /* C2 M2 Y2 K5 */
  --grey:#68686A;      /* C5 M5 Y5 K70 */
  --white:#FFFFFF;
  --ink:#1F2A36;       /* near-black derived from Blue, for long reading */
  --blue-deep:#084572; /* Blue at 80% lightness, hover/footer only; derived, not in manual */
  --orange-text:#9A5B07; /* Orange darkened for small text on white (contrast); derived */
  --line:#D9DADB;
  --display:"Sackers Gothic","Arial Narrow",sans-serif;
  --body:"Sebino","Helvetica Neue",Arial,sans-serif;
}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-weight:300}
a{color:var(--blue)}a:hover{color:var(--blue-deep)}
.display{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:0.06em;line-height:1.05}
.label{font-family:var(--display);font-weight:500;text-transform:uppercase;letter-spacing:0.18em;font-size:11px}
/* diamond-star photo mask, same geometry as the manual's Graphic Element 01 */
.diamond{clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%);}
.diamond-soft{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBkPSJNNTAgMCBDNTAgMTUgODAgNTAgMTAwIDUwIEM4MCA1MCA1MCA4NSA1MCAxMDAgQzUwIDg1IDIwIDUwIDAgNTAgQzIwIDUwIDUwIDE1IDUwIDAgWiIgZmlsbD0iIzAwMCIvPjwvc3ZnPgo=");-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBkPSJNNTAgMCBDNTAgMTUgODAgNTAgMTAwIDUwIEM4MCA1MCA1MCA4NSA1MCAxMDAgQzUwIDg1IDIwIDUwIDAgNTAgQzIwIDUwIDUwIDE1IDUwIDAgWiIgZmlsbD0iIzAwMCIvPjwvc3ZnPgo=");mask-size:contain;mask-position:center;mask-repeat:no-repeat}