@font-face{font-family:"Nunito Sans";src:url("assets/nunito-600.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url("assets/nunito-800.ttf") format("truetype");font-weight:800;font-display:swap}

/* Every inner page uses this header, spacing, type hierarchy and footer. */
.page[hidden]{display:none}
.inner-page{gap:var(--space-4);overflow:visible}
.inner-header{flex:none}
.inner-header .eyebrow{margin-bottom:var(--space-1)}
.inner-header h2{font-size:var(--type-title);line-height:1.08;letter-spacing:-.04em;font-weight:900}
.inner-header .page-intro{margin-top:var(--space-2);font-size:var(--type-body);line-height:var(--body-leading);color:var(--muted);max-width:none}
.page h1:focus,.page h2:focus{outline:none}
.inner-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);min-width:0}
.inner-page .page-bottom{align-items:center;padding-top:var(--space-2);font-size:var(--type-label);color:var(--muted);min-height:44px;gap:var(--space-2)}
.inner-page .page-bottom .page-number{color:var(--ink)}
.inner-page h3{font-size:var(--type-subtitle);line-height:1.2;letter-spacing:-.02em;font-weight:800}
.inner-page p{font-size:var(--type-body);line-height:var(--body-leading)}
.inner-page .eyebrow,.inner-page .micro,.inner-page figcaption,.inner-page .small-note{font-size:var(--type-label);line-height:1.5}
.inner-page .eyebrow{line-height:1.4}
.inner-page .small-note,.micro{color:var(--muted)}
.inner-page .page-number{font-size:var(--type-body)}
.inner-page h3+p{margin-top:var(--space-1);color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}
.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}
.stack{display:grid;gap:var(--space-3)}
.rule-row{display:grid;grid-template-columns:36px 1fr;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--rule)}
.rule-row:last-child{padding-bottom:0;border-bottom:0}
.rule-index{font-size:var(--type-label);font-weight:700;color:var(--yellow);padding-top:4px}
.photo-panel{position:relative;min-height:300px;align-self:stretch;overflow:hidden;background:#222633}
.photo-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#191c27f0 0%,#191c2750 50%,transparent)}
.photo-panel .photo-statement{position:absolute;bottom:var(--space-3);left:var(--space-3);right:var(--space-3);z-index:1;font-size:var(--type-subtitle);font-weight:900;line-height:1.2}
.photo-statement span{color:var(--yellow)}
.note-strip{border-left:2px solid var(--yellow);padding-left:var(--space-2);color:var(--muted)}
.note-strip strong{color:var(--ink);font-weight:700}
.inner-page .proposal-label{display:inline-block;color:var(--yellow);font-size:var(--type-label);font-weight:700;letter-spacing:.02em;margin-right:8px}
.logo-field{min-height:250px;background:#151821;border:1px solid var(--rule);display:grid;place-items:center;padding:var(--space-4)}
.clear-space{position:relative;border:1px dashed #ffdd6d8c;width:min(100%,344px)}
.clear-space img{width:82.92%;height:auto;margin:8.54%}
.clear-space:after{content:"x";position:absolute;top:1px;left:50%;transform:translateX(-50%);font-size:12px;line-height:14px;color:var(--yellow)}
.logo-caption{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--type-label);color:var(--muted)}
.logo-examples{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-3)}
.logo-example{min-height:100px;display:grid;place-items:center;border:1px solid var(--rule);padding:var(--space-3)}
.logo-example img{width:100px;height:auto}.logo-example.light{background:var(--paper)}
.logo-rules{display:grid;gap:var(--space-2)}
.logo-rules p{color:var(--muted)}
.logo-rules strong{color:var(--ink);font-weight:700}
.swatch{border:1px solid var(--rule);background:transparent;padding:0;text-align:left;color:var(--ink);cursor:pointer;transition:border-color .15s}
.swatch:hover,.swatch:focus-visible{border-color:var(--yellow)}
.swatch-colour{display:block;height:152px;position:relative;padding:var(--space-3)}
.swatch-name{display:block;padding-right:44px;font-size:var(--type-subtitle);font-weight:800;line-height:1.2}
.swatch-copy{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:40px;height:40px;border:1px solid currentColor;border-radius:50%}
.swatch-copy svg{width:20px;height:20px}
.swatch-copy .copied-icon{display:none}
.swatch.is-copied .copy-icon{display:none}
.swatch.is-copied .copied-icon{display:block}
.copy-feedback{position:absolute;bottom:20px;left:24px;font-size:var(--type-label);font-weight:700;opacity:0;pointer-events:none}
.swatch.is-copied .copy-feedback{opacity:1}
.swatch-symbol{position:absolute;right:24px;bottom:18px;font-size:32px;font-weight:900;line-height:1}
.swatch-info{display:flex;flex-direction:column;gap:6px;padding:var(--space-3)}
.swatch-code{font-size:var(--type-body);font-weight:700;letter-spacing:.015em}
.swatch-rgb,.swatch-role{font-size:var(--type-label);color:var(--muted);line-height:1.5}
.swatch-colour.navy{background:#191c27;color:#fff}.swatch-colour.yellow{background:#ffdd6d;color:#191c27}.swatch-colour.paper{background:#f5f5f3;color:#191c27}.swatch-colour.white{background:#fff;color:#191c27}
.palette-note{display:flex;justify-content:space-between;gap:var(--space-4);align-items:start}
.palette-note p{max-width:75ch}
.type-specimen{align-self:stretch;border-left:2px solid var(--yellow);padding-left:var(--space-4);display:flex;flex-direction:column;justify-content:center}
.specimen-letters{font-size:96px;font-weight:900;line-height:1;letter-spacing:-.065em;color:var(--yellow)}
.type-specimen h3{margin-top:var(--space-1)}
.type-weights{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1);color:var(--muted);font-size:var(--type-body)}
.character-line{margin-top:var(--space-1);overflow-wrap:anywhere;letter-spacing:.06em;color:var(--muted)}
.type-table{width:100%;border-collapse:collapse;font-size:var(--type-body)}
.type-table th{text-align:left;color:var(--yellow);font-size:var(--type-label);font-weight:700;padding:0 0 var(--space-2)}
.type-table td{border-top:1px solid var(--rule);padding:var(--space-1) 0;line-height:1.4}
.type-table td:last-child,.type-table th:last-child{text-align:right;color:var(--muted)}
.specimen-note{margin-top:var(--space-2)}
.graphic-example{height:144px;border:1px solid var(--rule);position:relative;overflow:hidden;margin-bottom:var(--space-3)}
.graphic-example svg{width:100%;height:100%;color:var(--yellow)}
.grid-example{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:24px}.grid-example i{background:#ffdd6d13;border-inline:1px solid #ffdd6d44}
.line-example{display:flex;align-items:center;justify-content:center;gap:24px}.line-example svg{height:44px;width:44px}
.three-grid>div>p{color:var(--muted);margin-top:var(--space-1)}
.spacing-row{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-2);flex-wrap:wrap}
.spacing-row span{font-size:var(--type-label);color:var(--muted)}
.spacing-row strong{display:inline-grid;place-items:center;min-width:44px;padding:8px 12px;border:1px solid var(--rule);font-size:var(--type-label);font-weight:700}
figure{margin:0;min-width:0}
.photo-example{height:180px;overflow:hidden;margin-bottom:var(--space-2);position:relative;background:#12151e}
.photo-example img{height:100%;width:100%;object-fit:cover}
.photo-example .crop-guide{position:absolute;inset:16%;border:1px solid #ffffff80;pointer-events:none}
.photo-card h3{margin-bottom:var(--space-1)}
.photo-card p{color:var(--muted)}
.family-card{border-top:1px solid var(--rule);padding-top:var(--space-2);min-width:0;text-align:center}
.event-logo{height:170px;display:flex;align-items:center;justify-content:center;padding:var(--space-2)}
.event-logo img{width:160px;height:144px;object-fit:contain}
.family-card h3{margin-top:var(--space-2)}
.family-card p{margin-top:var(--space-1);color:var(--muted)}
.family-lockup{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-2)}
.family-lockup img{width:72px;height:auto;flex:none}
.application{min-width:0}
.application-demo{height:200px;position:relative;overflow:hidden;border:1px solid var(--rule);padding:var(--space-3);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:28px auto 5px 1fr;row-gap:var(--space-1);margin-bottom:var(--space-2);background:#151821}
.application-demo>img,.application-demo>.logo-stamp{grid-row:1;align-self:start}
.application-demo>.app-title{grid-row:2}
.application-demo>.editorial-line,.application-demo>.signage-rule{grid-row:3;align-self:center}
.application-demo>.app-label{grid-row:4;align-self:end;line-height:1}
.application-demo.digital{display:flex;flex-direction:column;justify-content:space-between;gap:0}
.application-demo.digital>.app-label{align-self:stretch;line-height:1}
.application-demo>img{width:66px;height:auto;position:relative;z-index:1}
.application-demo .app-title{font-size:32px;line-height:1.05;letter-spacing:-.03em;font-weight:900;position:relative;z-index:1;color:#fff}
.app-title span{color:var(--yellow)}
.application-demo .app-label{font-size:var(--type-label);position:relative;z-index:1;color:var(--muted)}
.application-photo{position:absolute;inset:0 0 0 25%;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 55%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%)}
.application-photo img{width:100%;height:100%;object-fit:cover}
.application-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#191c27e8,#191c2744)}
.application-demo.editorial{background:var(--paper);color:var(--navy)}
.editorial .app-title{color:var(--navy)}.editorial .app-title span{color:var(--navy)}
.editorial .app-label{color:#5f6572}.editorial .logo-stamp{width:66px;padding:0;background:transparent;position:relative;z-index:1}.logo-stamp img{width:100%;height:auto}
.editorial .editorial-line{height:5px;width:56px;background:var(--yellow)}
.signage .app-title{font-size:32px}.signage .signage-rule{height:2px;width:100%;background:var(--yellow)}
.application>p{margin-top:var(--space-1);color:var(--muted)}
.viewer-actions{display:flex;align-items:center;gap:var(--space-2)}
.page-picker{background:#191c27;color:#fff;border:1px solid var(--rule);padding:10px 12px;min-height:44px;max-width:210px;font:700 var(--type-label)/1.2 "Nunito Sans",Arial,sans-serif}
.page-picker:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.reader-nav{display:flex;align-items:center;gap:var(--space-3)}
.nav-button{border:1px solid var(--rule);background:none;color:var(--ink);font:700 var(--type-label)/1.2 "Nunito Sans",Arial,sans-serif;padding:10px 14px;min-height:44px;cursor:pointer}
.nav-button:hover:not(:disabled){border-color:var(--yellow);color:var(--yellow)}.nav-button:disabled{opacity:.28;cursor:default}
.page-count{font-variant-numeric:tabular-nums;color:var(--muted);min-width:60px;text-align:center;font-size:var(--type-label)}
.reader-progress{position:fixed;bottom:0;left:0;right:0;height:2px;background:#ffffff0b;z-index:3}.reader-progress span{display:block;height:100%;width:11.111%;background:var(--yellow);transition:width .15s}
.brochure:fullscreen .inner-page{min-height:max-content;aspect-ratio:16/9}
@media(max-width:1359px){.inner-page{aspect-ratio:auto;min-height:720px}}
@media(max-width:1199px){
 .inner-page{aspect-ratio:auto;min-height:680px}
 .split{gap:var(--space-4)}.four-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .event-logo{height:140px}.event-logo img{height:124px}
 .swatch-colour{height:120px}.swatch-info{padding:var(--space-2)}
 .application-demo{padding:var(--space-2)}
 .brochure:fullscreen .stage{max-width:1440px}.brochure:fullscreen .inner-page{aspect-ratio:auto}
}
@media(max-width:900px){
 .inner-page{--type-title:3rem;--type-subtitle:1.5rem;--type-body:1.125rem}
 .split,.three-grid{grid-template-columns:1fr}.inner-page{gap:var(--space-4);min-height:0;padding-block:var(--space-4)}
 .photo-panel{min-height:320px}.type-specimen{min-height:230px}.type-table{margin-top:var(--space-1)}
 .three-grid{gap:var(--space-4)}.photo-example{height:auto;aspect-ratio:1.9}.graphic-example{height:180px}
 .application-demo{height:300px;padding:var(--space-3)}.application-demo .app-title{font-size:40px}
 .viewer-header{flex-wrap:wrap;padding-block:var(--space-2);gap:var(--space-2)}.viewer-actions{margin-left:auto}
 .palette-note{flex-direction:column;gap:var(--space-2)}
}
@media(max-width:600px){
 .inner-page{--type-title:2.25rem;--type-subtitle:1.25rem;--type-body:1rem;gap:var(--space-4)}
 .inner-header h2{overflow-wrap:normal}.inner-header .eyebrow{font-size:var(--type-label)}
 .four-grid{grid-template-columns:1fr;gap:var(--space-4)}
 .photo-panel{min-height:280px}
 .logo-field{min-height:210px;padding:var(--space-3)}.logo-examples{gap:12px}.logo-example{padding:var(--space-2)}
 .logo-caption{align-items:start;flex-direction:column;gap:8px}
 .swatch-colour{height:140px}.swatch-info{padding:var(--space-3)}
 .type-specimen{padding-left:var(--space-3)}.specimen-letters{font-size:88px}.type-table{font-size:var(--type-body)}.type-table td{padding:12px 0}
 #event-family .four-grid{gap:0}
 .family-card{padding-block:var(--space-3)}
 .family-card h3{margin-top:var(--space-3)}
 .event-logo{height:auto;padding:0;overflow:hidden}
 .event-logo img{height:auto;width:152px;aspect-ratio:1}
 /* Crop only the logos' transparent canvas space on mobile. */
 .event-logo img[src$="logo-champions.png"]{width:180px;aspect-ratio:1000/643;margin-block:-.18px}
 .event-logo img[src$="logo-padel.png"]{margin-block:-1.52px}
 .event-logo img[src$="logo-fast-five.svg"]{margin-block:-32.68px}
 .family-lockup{align-items:flex-start}.family-lockup img{width:56px;margin-top:4px}
 .viewer-header{display:grid;grid-template-columns:1fr auto}.document-name{grid-column:1;display:block}.document-name>span[aria-hidden]{display:none}.document-name>span:last-child{display:block;margin-top:4px}.viewer-actions{grid-column:2;gap:8px}.page-picker{width:112px;max-width:112px;font-size:.8125rem;padding:10px 6px}
 .viewer-footer{flex-direction:column;justify-content:center;gap:12px;padding-block:var(--space-2);min-height:110px}.reader-nav{gap:var(--space-2)}
 .inner-page .page-bottom{align-items:flex-end}.inner-page .page-bottom>span:first-child{max-width:85%}
 .brochure:fullscreen .inner-page{min-height:0}.application-demo{height:auto;min-height:200px}.application-demo .app-title{font-size:32px}
}
/* Edge-to-edge brochure: navigation stays in view; only the page area scrolls. */
html,body{height:100%;overflow:hidden;background:var(--navy)}
.brochure,.brochure:fullscreen,.brochure.focus-view{height:100dvh;min-height:0;padding-inline:0;overflow:hidden;background:var(--navy);container-type:inline-size}
.viewer-header,.viewer-footer{flex:0 0 auto;position:relative;z-index:5;max-width:none;margin:0;padding-inline:var(--page-gutter);background:var(--navy)}
.viewer-header{border-bottom:1px solid var(--rule)}
.viewer-footer{border-top:1px solid var(--rule)}
.stage,.brochure:fullscreen .stage{flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;max-width:none;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain}
.brochure .page,.brochure:fullscreen .page{flex:0 0 auto;width:100%;min-height:100%;aspect-ratio:auto;box-shadow:none;padding-inline:var(--page-gutter);padding-inline-end:calc(var(--page-gutter) - (100cqw - 100%))}
@media(max-width:600px){
 .viewer-footer{align-items:flex-start;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom))}
 .reader-nav{align-self:stretch;justify-content:space-between}
}
@media print{html,body{height:auto;overflow:visible}.brochure,.brochure:fullscreen,.brochure.focus-view{height:auto;overflow:visible}.page[hidden]{display:flex!important}.brochure .page,.brochure:fullscreen .page{break-after:page;min-height:0;aspect-ratio:16/9;box-shadow:none}.stage,.brochure:fullscreen .stage{display:block;overflow:visible}.viewer-header,.viewer-footer,.reader-progress{display:none}}