/* Fosbury site: base, header, and the responsive layer over the approved desktop layouts. */
@font-face{font-family:'Saira';src:url('/assets/fonts/Saira-Variable.woff2') format('woff2');font-weight:100 900;font-stretch:50% 125%;font-style:normal;font-display:swap}
@font-face{font-family:'Saira';src:url('/assets/fonts/Saira-Variable-Italic.woff2') format('woff2');font-weight:100 900;font-stretch:50% 125%;font-style:italic;font-display:swap}
@font-face{font-family:'DM Mono';src:url('/assets/fonts/DMMono-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Mono';src:url('/assets/fonts/DMMono-500.woff2') format('woff2');font-weight:500;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:'Saira',system-ui,sans-serif;color:#2a0e06;background:#fbf4ea;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#2a0e06}a:hover{color:#1f6591}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #1f6591;outline-offset:2px}
img,svg,canvas{max-width:100%}
.skip{position:absolute;left:-9999px;top:8px;background:#2a0e06;color:#fbf4ea;padding:10px 16px;z-index:100;text-decoration:none}
.skip:focus{left:8px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* header: espresso, like the homepage */
.site-h{position:sticky;top:0;z-index:50;background:#2a0e06;border-bottom:1px solid rgba(251,244,234,.16)}
.site-h-in{max-width:1440px;margin:0 auto;height:88px;padding:0 clamp(20px,6vw,120px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center}
.logo svg,.logo img{height:22px;width:auto;display:block}
.nav{display:flex;align-items:center;gap:40px}
.nav a{font-stretch:112%;font-weight:500;font-size:15px;text-decoration:none;color:rgba(251,244,234,.82);padding:30px 0 28px;border-bottom:2px solid transparent}
.nav a:hover{color:#cfe6f2}
.nav a[aria-current="page"]{color:#fbf4ea;border-bottom-color:#cfe6f2}
.nav a.btn{display:inline-flex;align-items:center;height:44px;padding:0 20px;background:#cfe6f2;color:#2a0e06;font-stretch:125%;font-weight:600;font-size:13px;border:0;white-space:nowrap}
.nav a.btn:hover{background:#fbf4ea;color:#2a0e06}
.mnav{display:none}
.mnav summary{list-style:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mnav summary::-webkit-details-marker{display:none}
.mnav nav{position:absolute;left:0;right:0;top:64px;background:#2a0e06;border-bottom:1px solid rgba(251,244,234,.16);display:flex;flex-direction:column;padding:8px 20px 20px}
.mnav nav a{font-stretch:125%;font-weight:600;font-size:22px;text-decoration:none;padding:14px 0;border-top:1px solid rgba(251,244,234,.16);color:#fbf4ea}
.mnav nav a[aria-current="page"]{border-top:1.5px solid #cfe6f2}

/* espresso bands: the hero and the closing call to action, full width like the homepage.
   (The box-shadow is a flat extension of the band to the screen edges, not a visible shadow.) */
:root{--fosbury-red:#1f6591;--black:#2a0e06;--cool-gray:#f2e6d6;--ink-700:#4a2e22;--ink-500:#6b4a3a;--ink-300:#c8b39c;--hairline:#e3d3bf;--red-text:#1f6591;--link:rgba(42,14,6,.16)}
.page section.dk{background:#2a0e06;box-shadow:0 0 0 100vmax #2a0e06;clip-path:inset(0 -100vmax)}
.page .dk,.page .dk *{color:#fbf4ea!important;border-color:rgba(251,244,234,.24)!important}
.page .dk [style*="color: #6b4a3a"]{color:rgba(251,244,234,.66)!important}
.page .dk [style*="color: #4a2e22"]{color:rgba(251,244,234,.8)!important}
.page .dk h1{color:#cfe6f2!important}
.page .dk a:hover{color:#cfe6f2!important}
.page .dk a[style*="background: #2a0e06"]{background:#cfe6f2!important;color:#2a0e06!important}
.page .dk a[style*="background: #2a0e06"]:hover{background:#fbf4ea!important;color:#2a0e06!important}
/* plates: every artwork and diagram sits on an espresso plate, drawn in cream with one ice accent (as on the homepage).
   Inside an espresso band the plate lifts one step so it still reads as a plate. */
.page .plate{background:#2a0e06!important}
.page .dk .plate{background:#3b1a0f!important}
.page .plate.pad{padding:32px 36px}
.page .fa-band{padding-top:56px!important}
.page section.dk + section > .plate:first-child{margin-top:56px}
/* SVG diagrams take cream ink on a plate (the kit draws in the light palette; these swap it) */
.plate svg [fill="#2a0e06"]{fill:#fbf4ea}
.plate svg [stroke="#2a0e06"]{stroke:rgba(251,244,234,.85)}
.plate svg [fill="#4a2e22"]{fill:rgba(251,244,234,.85)}
.plate svg [fill="#6b4a3a"]{fill:rgba(251,244,234,.6)}
.plate svg [stroke="#6b4a3a"]{stroke:rgba(251,244,234,.6)}
.plate svg [fill="#8f7563"]{fill:rgba(251,244,234,.45)}
.plate svg [stroke="#8f7563"]{stroke:rgba(251,244,234,.45)}
.plate svg [fill="#c8b39c"],.plate svg [fill="#cdb9a3"]{fill:rgba(251,244,234,.3)}
.plate svg [stroke="#c8b39c"],.plate svg [stroke="#cdb9a3"]{stroke:rgba(251,244,234,.3)}
.plate svg [stroke="#e3d3bf"]{stroke:rgba(251,244,234,.14)}
.plate svg [fill="#fbf4ea"],.plate svg [fill="#f2e6d6"]{fill:#2a0e06}
.dk .plate svg [fill="#fbf4ea"],.dk .plate svg [fill="#f2e6d6"]{fill:#3b1a0f}
.plate svg [stroke="#1f6591"]{stroke:#cfe6f2}
.plate svg [fill="#1f6591"]{fill:#cfe6f2}
.plate svg [stroke^="rgba(42,14,6"]{stroke:rgba(251,244,234,.2)}
/* the map's phone station list on a plate */
.plate ol [style*="color: rgb(42, 14, 6)"]{color:#fbf4ea!important}
.plate ol [style*="color: rgb(107, 74, 58)"]{color:rgba(251,244,234,.6)!important}
.plate ol [style*="background: rgb(31, 101, 145)"]{background:#cfe6f2!important}
.plate ol [style*="background: rgb(251, 244, 234)"]{background:#2a0e06!important;border-color:#fbf4ea!important}
.plate ol [style*="box-shadow: rgb"]{box-shadow:0 0 0 4px #2a0e06,0 0 0 5px #cfe6f2!important}
.plate .fa-fallback{color:rgba(251,244,234,.6)}

/* footer: espresso with the stacked ice logo */
.page footer{background:#2a0e06!important;box-shadow:0 0 0 100vmax #2a0e06;clip-path:inset(0 -100vmax)}
.page footer,.page footer *{color:rgba(251,244,234,.85)!important;border-color:rgba(251,244,234,.2)!important}
.page footer [style*="color: #6b4a3a"]{color:rgba(251,244,234,.6)!important}
.page footer a:hover{color:#cfe6f2!important}
.flogo{flex:none;margin-right:56px}
.flogo img{height:96px;width:auto;max-width:none;display:block}
.page footer div[style*="gap: 24px; align-items: baseline"] > *{white-space:nowrap}
/* buttons never wrap onto two lines */
.page a[style*="height: 52px"]{white-space:nowrap;flex:none}

/* page wrapper: the approved desktop layout, centred */
.page{width:100%;max-width:1440px;margin:0 auto;display:flex;flex-direction:column;background:#fbf4ea}
.page section,.page footer{max-width:100%}
.fx,.fx-static{display:block}
.fx canvas{width:100%!important;height:auto!important;display:block}
.fx-static svg{max-width:100%;height:auto;display:block}
.fx-live svg{margin:0 auto}
[style*="padding: 0 120px"]{padding-left:clamp(20px,6vw,120px)!important;padding-right:clamp(20px,6vw,120px)!important}
[style*="padding: 120px 120px"]{padding:clamp(64px,8vw,120px) clamp(20px,6vw,120px)!important}
[style*="padding: 88px 120px"]{padding:clamp(56px,6vw,88px) clamp(20px,6vw,120px)!important}
[style*="padding: 72px 120px 40px"]{padding:clamp(48px,5vw,72px) clamp(20px,6vw,120px) 40px!important}
footer{width:100%!important;max-width:1440px!important;margin:0 auto}
.nf{max-width:1440px;margin:0 auto;padding:120px clamp(20px,6vw,120px);min-height:50vh}
.nf-code{font-family:'DM Mono',monospace;color:#6b4a3a;margin:0 0 16px}
.nf h1{font-stretch:125%;font-weight:700;font-size:clamp(32px,5vw,56px);line-height:1.05;margin:0 0 20px}

/* tablet */
@media (max-width:1200px){
  .page [style*="font-size: 96px"],.page [style*="font-size: 84px"],.page [style*="font-size: 80px"]{font-size:clamp(44px,7vw,80px)!important}
  .page section[style*="gap: 80px"],.page section[style*="gap: 96px"]{gap:48px!important}
  .page [style*="gap: 28px"]{flex-wrap:wrap}
}

/* phone and small tablet */
@media (max-width:900px){
  .nav{display:none}
  .mnav{display:block}
  .site-h-in{height:64px}
  .logo svg{height:18px}
  .page section[style*="display: flex"]:not([style*="column"]),
  .page section > div[style*="display: flex"]:not([style*="column"]),
  .page footer div[style*="justify-content: space-between"]{flex-direction:column!important;align-items:stretch!important;gap:32px!important}
  .page [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important;row-gap:28px!important}
  .page [style*="grid-column"]{grid-column:auto!important}
  .page [style*="min-height: 800px"]{min-height:0!important}
  .page [style*="padding-top: 168px"]{padding-top:88px!important}
  .page [style*="padding-bottom: 168px"]{padding-bottom:88px!important}
  .page [style*="padding-top: 120px"],.page [style*="padding-top: 104px"]{padding-top:56px!important}
  .page [style*="padding-bottom: 120px"],.page [style*="padding-bottom: 104px"]{padding-bottom:56px!important}
  .page [style*="font-size: 96px"],.page [style*="font-size: 84px"],.page [style*="font-size: 80px"],.page [style*="font-size: 72px"]{font-size:clamp(40px,11vw,56px)!important;line-height:1!important}
  .page [style*="font-size: 64px"]{font-size:clamp(34px,9vw,48px)!important}
  .page [style*="font-size: 48px"],.page [style*="font-size: 44px"],.page [style*="font-size: 40px"]{font-size:clamp(28px,7.5vw,36px)!important}
  .page [style*="font-size: 36px"]{font-size:28px!important}
  .page [style*="font-size: 34px"]{font-size:24px!important}
  .page [style*="font-size: 20px; line-height: 1.6"],.page [style*="font-size: 19px"]{font-size:17px!important}
  .page [style*="gap: 28px"]{flex-wrap:wrap}
  .page [style*="min-height: 104px"]{min-height:0!important}
  .page a[style*="height: 52px"][style*="background: #2a0e06"]{align-self:stretch;justify-content:center}
  .page [style*="justify-content: space-between; align-items: flex-end"]{flex-direction:column!important;align-items:flex-start!important;gap:20px!important}
  footer{min-height:0!important}
  .page [style*="padding: 40px 36px"]{padding:24px 12px!important}
  .page [style*="padding: 20px 28px"]{padding:12px!important}
  .page .plate.pad{padding:18px 12px}
  footer .fx-static svg,footer .flogo img{height:64px!important;width:auto!important}
}
/* fos-art: extra charts, number art and the comparison table */
.fa-fallback{margin:0;font-family:'DM Mono',ui-monospace,monospace;font-size:12px;line-height:1.6;letter-spacing:.02em;color:#6b4a3a}
.fx svg{display:block}
.fa-table{width:100%;border-collapse:collapse;font-family:'Saira',system-ui,sans-serif;font-size:15px;line-height:1.55;color:#4a2e22}
.fa-table th,.fa-table td{text-align:left;vertical-align:top;padding:16px 20px 16px 0;border-top:1px solid #e3d3bf}
.fa-table thead th{font-family:'DM Mono',ui-monospace,monospace;font-size:12px;font-weight:400;letter-spacing:.02em;color:#6b4a3a;border-top:0;border-bottom:1px solid #2a0e06;padding-top:0;padding-bottom:10px}
.fa-table tbody tr:first-child th,.fa-table tbody tr:first-child td{border-top:0}
.fa-table tbody th{font-stretch:125%;font-weight:600;font-size:18px;line-height:1.3;color:#2a0e06;white-space:nowrap}
.fa-table td.fa-reg{font-family:'DM Mono',ui-monospace,monospace;font-size:13px;letter-spacing:.02em;color:#2a0e06}
.fa-mark{display:inline-block;width:8px;height:8px;background:#1f6591;margin-left:10px;vertical-align:middle}
@media (max-width:900px){
  .fa-table thead{display:none}
  .fa-table,.fa-table tbody,.fa-table tr,.fa-table th,.fa-table td{display:block;width:100%}
  .fa-table tr{border-top:1px solid #2a0e06;padding:16px 0 12px}
  .fa-table tbody th,.fa-table td{border-top:0;padding:2px 0 8px}
  .fa-table td::before{content:attr(data-l);display:block;font-family:'DM Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.02em;color:#6b4a3a;font-weight:400}
  .fa-band{padding-bottom:56px!important}
  /* footer links: 44px tall on touch screens */
  .page footer a:not([href="/privacy/"]){display:flex;align-items:center;min-height:44px}
  .page footer a[href="/privacy/"]{position:relative}
  .page footer a[href="/privacy/"]::after{content:"";position:absolute;left:-8px;right:-8px;top:-14px;bottom:-14px}
  /* touch targets: 44px without changing the look */
  .page form label[style*="display: flex"]{min-height:44px}
  .page main a[href^="https://wa.me"],.page main a[href^="tel:"],.page main a[href^="mailto:"],.page main p > a[style*="color: #6b4a3a"],.nf a{position:relative}
  .page main a[href^="https://wa.me"]::after,.page main a[href^="tel:"]::after,.page main a[href^="mailto:"]::after,.page main p > a[style*="color: #6b4a3a"]::after,.nf a::after{content:"";position:absolute;left:-8px;right:-8px;top:-14px;bottom:-14px}
}
@media (max-width:639px){.fa-hide-sm{display:none!important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}