@font-face{font-family:okt-primary;src:url(/fonts/oktopods/TWKLausanne-200.woff2) format("woff2"),url(/fonts/oktopods/TWKLausanne-200.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:okt-primary;src:url(/fonts/oktopods/TWKLausanne-200Italic.woff) format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:okt-primary;src:url(/fonts/oktopods/TWKLausanne-700.woff2) format("woff2"),url(/fonts/oktopods/TWKLausanne-700.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:okt-primary;src:url(/fonts/oktopods/TWKLausanne-700Italic.woff2) format("woff2"),url(/fonts/oktopods/TWKLausanne-700Italic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:okt-secondary;src:url(/fonts/oktopods/AldgateSerif_It_Lt.woff2) format("woff2"),url(/fonts/oktopods/AldgateSerif_It_Lt.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-width:100%;background:#fff}body,button,a{font-family:inherit}a{color:inherit;text-decoration:none}img,picture,svg{display:block;max-width:100%}:root{--m-red: #CC0000;--m-black: #000000;--m-red-light: #F9461C;--m-red-dark: #AC675E;--m-steel-light: #C3C8C8;--m-steel: #818A8F;--m-steel-dark: #37424A;--m-white: #FFFFFF;--m-font-accent: "okt-secondary", Georgia, "Times New Roman", serif;--m-font-head: "okt-primary", "Helvetica Neue", Arial, sans-serif;--m-font-body: "okt-primary", "Helvetica Neue", Arial, sans-serif;--m-radius: 0;--m-shadow: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.08);--m-shadow-lg: 0 16px 40px rgba(0,0,0,.14), 0 4px 16px rgba(0,0,0,.1);--m-transition: .25s ease}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--m-white);font-family:var(--m-font-body);padding:48px 24px;gap:40px}.page__header{text-align:center}.page__brand{font-family:var(--m-font-head);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--m-red);margin-bottom:6px}.page__tagline{font-family:var(--m-font-head);font-size:32px;font-weight:700;line-height:1.15;color:var(--m-black);letter-spacing:-.01em}.tiles{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:16px;width:100%;max-width:880px}.tile{display:flex;flex-direction:column;justify-content:flex-end;padding:28px;border-radius:var(--m-radius);text-decoration:none;transition:transform var(--m-transition),box-shadow var(--m-transition),border-color var(--m-transition);position:relative;overflow:hidden}.tile:hover{transform:translateY(-3px);box-shadow:var(--m-shadow-lg)}.tile--primary{background:var(--m-red);color:var(--m-white);min-height:220px;border:none}.tile--primary .tile__label{color:#ffffffb3}.tile--primary .tile__title{color:var(--m-white);font-size:28px}.tile--primary .tile__desc{color:#ffffffbf}.tile--primary .tile__arrow{color:var(--m-white)}.tile--primary:hover{background:var(--m-black)}.tile--default{background:#f0f0f0;border:none;color:var(--m-black);min-height:180px}.tile--default:hover{background:#e6e6e6}.tile--brief{grid-column:1 / -1;max-width:50%;min-height:160px;background:var(--m-white);border:none}.tile--brief:hover{background:#fafafa}.tile__label{font-family:var(--m-font-head);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--m-steel);margin-bottom:10px}.tile__title{font-family:var(--m-font-head);font-size:22px;font-weight:700;line-height:1.2;color:var(--m-black);margin-bottom:6px}.tile__desc{font-family:var(--m-font-body);font-size:14px;line-height:1.5;color:var(--m-steel);margin-bottom:12px}.tile__link{display:flex;align-items:center;gap:8px;margin-top:auto;font-family:var(--m-font-head);font-size:14px;font-weight:600;color:var(--m-black);transition:gap var(--m-transition),color var(--m-transition)}.tile--primary .tile__link{color:#fff}.tile:hover .tile__link{gap:12px;color:var(--m-red)}.tile--primary:hover .tile__link{color:var(--m-red)}.tile__link svg{flex-shrink:0}.page__footer{font-family:var(--m-font-body);font-size:13px;color:var(--m-steel)}.page__footer a{color:var(--m-red);text-decoration:none;font-family:var(--m-font-head);font-weight:600;letter-spacing:.04em}.page__footer a:hover{color:var(--m-black)}@media (max-width: 640px){.tiles{grid-template-columns:1fr}.tile--brief{max-width:100%;grid-column:1}.tile--primary{min-height:180px}.page__tagline{font-size:24px}}