@font-face{font-family:'Opty Display';src:url('assets/optymyze/fonts/BarlowCondensed-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:'Opty Display';src:url('assets/optymyze/fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:'Opty Text';src:url('assets/optymyze/fonts/Manrope-Variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}.brand-system,.poster-series{padding:75px 0;font-family:'Opty Text',Arial,sans-serif;color:#18202a}.brand-heading{display:grid;grid-template-columns:1fr 1fr;gap:15px 55px;align-items:end;margin-bottom:35px}.brand-heading>.section-number{grid-column:1/-1}.brand-heading h2{font:600 clamp(46px,5vw,74px)/.98 'Opty Display','Arial Narrow',sans-serif;letter-spacing:-.8px;margin:12px 0}.brand-heading>p{font-size:14px;line-height:1.85;color:#5f6874;max-width:480px;margin:0}.brand-jumps{display:flex;flex-wrap:wrap;gap:30px;border-block:1px solid #dce1e7;padding:20px 0;margin-bottom:50px;font-size:11px;color:#204ee8}.brand-subhead{padding:35px 0 28px;border-top:1px solid #dce1e7;margin-top:45px;display:flex;align-items:start;justify-content:space-between;gap:35px;scroll-margin-top:25px}.brand-subhead>span{font-size:9px;letter-spacing:1.5px;color:#204ee8}.brand-subhead h3{font:600 43px/1.03 'Opty Display',sans-serif;letter-spacing:-.5px;width:50%;margin:0}.font-grid{display:grid;grid-template-columns:1fr 1fr}.font-grid article{padding:38px;min-height:490px}.font-primary{background:#204ee8;color:#f3f1eb}.font-secondary{background:#f3f1eb;color:#18202a}.font-role{font-size:9px;letter-spacing:1.5px;display:block}.font-primary h4{font:700 clamp(55px,6vw,90px)/.95 'Opty Display',sans-serif;margin:30px 0 20px;letter-spacing:-1px}.font-secondary h4{font:600 clamp(33px,4.2vw,60px)/1.1 'Opty Text',sans-serif;letter-spacing:-2px;margin:35px 0 25px}.font-grid article>p{font-size:11px;line-height:1.7}.font-grid .glyphs{font-size:38px;line-height:1.15;margin:35px 0}.font-primary .glyphs{font:600 46px/1 'Opty Display',sans-serif;letter-spacing:1px}.font-secondary .glyphs{font-weight:400;letter-spacing:-1.5px}.font-grid .font-purpose{font-size:12px;line-height:1.9;max-width:340px}.font-primary .font-purpose{color:#e2e8ff}.font-secondary .font-purpose{color:#626971}.type-scale{margin-top:30px;border-top:1px solid #dce1e7}.type-scale>div{padding:25px 0;border-bottom:1px solid #dce1e7;display:grid;grid-template-columns:180px 1fr;gap:12px 25px;align-items:start}.type-scale>div>span{font-size:9px;letter-spacing:1.2px;color:#204ee8;padding-top:12px}.type-scale small{grid-column:2;font-size:10px;line-height:1.8;color:#6a717a}.type-display{font:700 100px/.95 'Opty Display',sans-serif;letter-spacing:-1px}.type-heading{font:600 48px/1.05 'Opty Display',sans-serif}.type-body{font:400 17px/1.6 'Opty Text',sans-serif;max-width:480px;margin:5px 0}.type-playground{padding:35px;margin-top:35px;background:#18202a;color:#f3f1eb;overflow:hidden}.type-playground label{display:block;font-size:9px;letter-spacing:1.5px;margin-bottom:18px}.type-playground input{font:500 16px 'Opty Text',sans-serif;background:#283445;border:1px solid #627188;border-radius:3px;color:#fff;padding:12px 15px;max-width:100%;width:330px;min-height:47px}.type-playground p{font-size:10px;color:#b9c4d5;margin:12px 0}#brand-word-preview{font:700 clamp(38px,8vw,120px)/1.05 'Opty Display',sans-serif;text-transform:uppercase;overflow-wrap:anywhere;margin-top:20px;letter-spacing:-1px}.brand-note{font:400 11px/1.9 'Opty Text',sans-serif;color:#677180;margin:22px 0}.brand-note a{color:#204ee8;text-decoration:underline;text-underline-offset:3px}.colour-group-title{display:flex;justify-content:space-between;gap:25px;font-size:13px;margin:25px 0 18px}.colour-group-title b{font-weight:600}.colour-group-title>span{font-size:11px;color:#677180}.brand-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.brand-palette article{border:1px solid #e0e3e8;background:white}.brand-palette article>div{background:var(--swatch);color:var(--label);min-height:210px;padding:23px;display:flex;flex-direction:column;justify-content:space-between}.brand-palette article>div>span{font-size:9px;letter-spacing:1.3px}.brand-palette strong{font:500 25px 'Opty Text',sans-serif;letter-spacing:-.5px}.brand-palette article>p{font-size:11px;line-height:1.8;color:#616b77;padding:20px;margin:0}.secondary-palette article>div{min-height:155px}.colour-rules{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:35px;padding:30px 0}.colour-rules p{font-size:11px;color:#677180;line-height:1.8;margin-top:18px}.ratio-bar{display:flex;margin-top:25px;height:70px}.ratio-bar span{display:flex;align-items:center;justify-content:center;font-size:13px}.ratio-bar span:nth-child(1){width:60%;background:#f3f1eb}.ratio-bar span:nth-child(2){width:25%;background:#18202a;color:#f3f1eb}.ratio-bar span:nth-child(3){width:15%;background:#204ee8;color:#fff}.contrast-list{list-style:none;padding:0;margin:20px 0 0}.contrast-list li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #dce1e7;font-size:12px}.contrast-list b{font-weight:600;color:#204ee8}.logo-guides{display:grid;grid-template-columns:1fr 1fr;gap:30px}.logo-guides article>div{height:250px;padding:45px;display:grid;place-items:center}.logo-guides img{width:100%;max-width:330px}.clearspace{background:#f3f1eb}.clearspace img{outline:1px dashed #8993a1;outline-offset:25px}.reverse-logo{background:#204ee8}.logo-guides h4{font:600 30px/1.1 'Opty Display',sans-serif;margin:25px 0 12px}.logo-guides p{font-size:12px;line-height:1.85;color:#626c78}.brand-rule-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-block:1px solid #dce1e7;padding:28px 0;margin-top:30px}.brand-rule-strip b{display:block;font:600 36px/1 'Opty Display',sans-serif;color:#204ee8;margin-bottom:15px}.brand-rule-strip span{font-size:11px;line-height:1.8;color:#626c78;display:block;max-width:240px}.poster-series{padding-top:30px}.poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:40px}.poster-grid figure{min-width:0;margin:0}.poster-grid figure>a{display:block;transition:transform .25s}.poster-grid figure>a:hover{transform:translateY(-5px)}.poster-grid img{width:100%;height:auto;aspect-ratio:3/4;box-shadow:0 12px 30px #18202a16}.poster-grid figcaption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:23px}.poster-grid figcaption span{font-size:8px;letter-spacing:1px;color:#677180}.poster-grid figcaption h3{font:600 29px 'Opty Display',sans-serif;margin:4px 0}.poster-grid figcaption>a{font-size:9px;color:#204ee8;white-space:nowrap}.poster-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px;border-block:1px solid #dce1e7;padding:22px 0;font-size:8px;letter-spacing:1px;color:#626c78}.brand-download{display:inline-block;background:#204ee8;color:#fff!important;padding:14px 20px;font-size:11px;border-radius:3px;margin-top:15px}.brand-system button:focus-visible,.brand-system input:focus-visible,.brand-system a:focus-visible,.poster-series a:focus-visible{outline:3px solid #204ee8;outline-offset:5px}.type-playground input:focus-visible{outline-color:#bfcdf5}.campaign-copy h2,.web-hero h3{font-family:'Opty Display',sans-serif;font-weight:600}.web-hero p,.web-nav,.visual-button{font-family:'Opty Text',sans-serif}@media(max-width:950px){.font-grid article{padding:28px}.type-scale>div{grid-template-columns:135px 1fr}.poster-grid{gap:15px}.poster-grid figcaption{display:block}.poster-grid figcaption>a{display:inline-block;margin-top:8px}.logo-guides article>div{padding:38px}}@media(max-width:650px){.brand-system,.poster-series{padding-block:40px}.brand-heading{grid-template-columns:1fr;gap:15px}.brand-heading h2{font-size:53px}.brand-heading>p{font-size:13px}.brand-jumps{gap:15px 25px}.brand-subhead{display:block;margin-top:25px}.brand-subhead h3{width:100%;margin-top:20px;font-size:39px}.font-grid{grid-template-columns:1fr}.font-grid article{min-height:400px;padding:28px}.font-primary h4{font-size:78px}.font-secondary h4{font-size:48px}.type-scale>div{display:block}.type-scale>div>span{display:block;margin-bottom:20px}.type-scale small{display:block;margin-top:15px}.type-display{font-size:86px}.type-heading{font-size:42px}.type-playground{padding:25px}#brand-word-preview{font-size:58px}.brand-palette{grid-template-columns:1fr;gap:15px}.brand-palette article{display:grid;grid-template-columns:1fr 1fr}.brand-palette article>div,.secondary-palette article>div{min-height:160px;padding:18px}.brand-palette article>p{padding:18px;align-self:center}.brand-palette strong{font-size:21px}.colour-group-title{display:block}.colour-group-title>span{display:block;margin-top:8px}.colour-rules,.logo-guides{grid-template-columns:1fr;gap:25px}.brand-rule-strip{grid-template-columns:1fr;gap:25px}.brand-rule-strip span{max-width:none}.poster-grid{grid-template-columns:1fr;gap:35px}.poster-grid figcaption{display:flex}.poster-grid figcaption>a{margin:0;font-size:11px}.poster-principles{grid-template-columns:1fr 1fr;line-height:1.8}.logo-guides article>div{height:220px}}
@media(prefers-reduced-motion:reduce){.poster-grid figure>a{transition:none}}
