@font-face{font-family:'Archivo';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/archivo-0.woff2') format('woff2')}@font-face{font-family:'Archivo';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/archivo-1.woff2') format('woff2')}@font-face{font-family:'Archivo';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/archivo-2.woff2') format('woff2')}@font-face{font-family:'Literata';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/literata-0.woff2') format('woff2')}@font-face{font-family:'Literata';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/literata-2.woff2') format('woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.55}body.isobare{--ink:#102f45;--primary:#123e63;--secondary:#227b98;--accent:#8de3f1;--heading:Archivo,sans-serif;--body:Archivo,sans-serif;--reading:Literata,serif}body.champ{--ink:#292137;--primary:#482b86;--secondary:#7048a7;--accent:#ffc172;--heading:'Barlow Condensed',sans-serif;--body:Assistant,sans-serif;--reading:Assistant,sans-serif}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-family:var(--heading);line-height:1.06;overflow-wrap:anywhere}h1{font-size:clamp(42px,5.65vw,82px);font-weight:600;letter-spacing:-.045em}h2{font-size:clamp(32px,3.4vw,50px);letter-spacing:-.025em;font-weight:600}h3{font-size:26px;font-weight:600}p{max-width:65ch}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:3px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}button:active,.button:active{transform:translateY(2px)}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:1rem;top:-8rem;background:#fff;color:var(--ink);padding:1rem;z-index:20}.skip:focus{top:1rem}.notice{background:var(--ink);color:white;padding:8px 24px;font-size:13px;text-align:center;line-height:1.5}.site-header{background:white;position:relative;z-index:2}.brandrow{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:96px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--heading);font-size:25px;font-weight:700;line-height:1.05;letter-spacing:-.03em}.brand svg{width:45px;height:45px;flex:none}.brand small{display:block;font-family:var(--body);font-size:12px;font-weight:400;letter-spacing:0;margin-top:6px}.header-note{font-size:13px;max-width:230px;text-align:right}.main-nav{display:flex;gap:30px;align-items:center;min-height:57px;border-top:1px solid #b6bdc4;font-size:14px;font-weight:600}.main-nav a{text-decoration:none;padding:12px 0}.main-nav a:last-child{margin-left:auto}.menu{display:none;background:var(--primary);color:#fff;border:0;padding:10px 16px;border-radius:4px}.hero{background:var(--primary);color:#fff}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;padding-block:64px}.kicker{font-size:14px;font-weight:600;letter-spacing:.04em;margin-bottom:22px}.hero h1 em{font-family:var(--reading);font-weight:400;letter-spacing:-.045em;color:var(--accent)}.intro{font-size:19px;line-height:1.65;margin-block:26px 30px;max-width:460px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 23px;background:var(--accent);color:var(--ink);border:2px solid transparent;border-radius:4px;text-decoration:none;font-weight:700;font-size:16px}.button:hover,.button.hover{background:#fff;color:var(--primary);border-color:var(--primary)}.button.secondary{background:transparent;border-color:currentColor;color:inherit}.button.focus{outline:3px solid currentColor;outline-offset:4px}.button.active{transform:translateY(2px);border-color:currentColor}.button:disabled{background:#d4d4d4;color:#525252}.hero-meta{display:flex;gap:30px;font-size:13px;margin-top:32px}.instrument{position:relative;padding:10px}.instrument svg{display:block;width:100%;height:auto}.instrument figcaption{display:flex;justify-content:space-between;gap:16px;font-size:12px;margin-top:8px}.storm-lines{transform-origin:300px 280px}.zone{transition:stroke-width .25s,opacity .25s}.diagram-label{font-family:var(--body);font-size:22px;fill:#fff}.ribbon{display:grid;grid-template-columns:1fr 1fr 1fr;padding-block:23px;gap:32px;border-bottom:1px solid #b6bdc4;font-size:14px}.ribbon strong{display:block;font-size:16px}.section{padding-block:80px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-top p{max-width:390px}.editorial{display:grid;grid-template-columns:1.1fr 1fr;gap:54px}.feature{background:var(--primary);color:white;padding:36px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;border-radius:8px}.feature .large-glyph{font:600 100px/1 var(--heading);color:var(--accent)}.feature h3{font-size:32px}.feature p{font-size:15px;margin-top:12px}.text-list{display:grid;gap:26px}.story{border-bottom:1px solid #b6bdc4;padding-bottom:24px}.story .kicker{font-size:12px;margin-bottom:8px}.story h3{margin-bottom:10px}.story small{font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.category{border-top:5px solid var(--primary);padding-top:24px}.category h3{margin-bottom:18px;font-size:25px}.category p{font-size:15px;line-height:1.65}.category a{display:inline-block;margin-top:22px;font-weight:600;font-size:14px}.module{background:var(--primary);color:#fff}.module-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.module h2{margin-bottom:22px}.module p{font-size:16px}.module-controls{display:flex;flex-wrap:wrap;gap:8px;margin-block:28px 24px}.module-controls button{background:transparent;color:#fff;border:1px solid #fff;border-radius:100px;padding:10px 18px;font-size:15px}.module-controls button[aria-pressed=true]{background:var(--accent);color:var(--ink);border-color:var(--accent)}.js-only{display:none}.js .js-only{display:flex}.js .static-legend{display:none}.module-result{min-height:112px;border-top:1px solid #fff;padding-top:18px}.module-result h3{font-size:25px;margin-bottom:10px}.source{font-size:12px!important;margin-top:24px}.static-legend{padding-left:22px}.signature{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:start}.signature .signature-name{font-family:var(--reading);font-size:36px;line-height:1.2}.signature p{font-family:var(--reading);line-height:1.8}.signature .kicker{font-family:var(--body)}.safety{border:1px solid var(--primary);padding:24px;border-radius:8px;font-size:15px;margin-top:30px}.footer{background:var(--ink);color:#fff;padding:40px 0}.footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px}.footer p{font-size:13px}.footer a{font-size:14px}.crumbs{padding-top:35px;font-size:14px}.content-title{padding-block:42px}.content-title p{margin-top:24px}.reading{max-width:720px;margin:auto;padding-bottom:60px;font-family:var(--reading);line-height:1.9}.reading h2{margin:40px 0 20px}.reading p{margin-bottom:20px}.empty{padding:36px;border:1px solid var(--primary);border-radius:8px}.empty p{margin:20px 0}.ds .section{border-bottom:1px solid #b6bdc4}.tokens{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.swatch{height:110px;border:1px solid #b6bdc4;border-radius:4px;padding:20px}.token p{font-size:14px;margin-top:8px}.states{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.scale>*{margin:24px 0}.scale .type-note{font-family:var(--body);font-size:14px}details{border-block:1px solid #b6bdc4;padding:20px 0;margin-top:24px}summary{cursor:pointer;font-weight:600}details p{margin-top:20px}.form{display:grid;gap:20px;max-width:650px;margin-top:30px}.form label{display:grid;gap:8px}.form input,.form textarea,.form select{width:100%;padding:12px;border:1px solid var(--ink);border-radius:4px;background:#fff;color:var(--ink)}.form [aria-invalid=true]{border:3px solid #9d153c}.error{color:#9d153c;font-weight:600;font-size:15px}.pagination{display:flex;gap:25px;margin-top:30px}.pagination a,.pagination span{padding:8px 16px;border:1px solid var(--primary)}.champ .brand{font-size:32px}.champ .brand small{font-size:13px}.champ .hero{background:white;color:var(--ink);padding-bottom:56px}.champ .hero-grid{display:block;padding-top:44px;padding-bottom:0}.champ .hero-head{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:end;margin-bottom:42px}.champ h1{font-size:clamp(64px,9vw,130px);font-weight:600;line-height:.9;letter-spacing:-.025em;text-transform:uppercase}.champ .hero h1 em{font-family:var(--heading);font-style:normal;color:var(--primary)}.champ .hero .intro{font-size:21px;margin-block:15px 24px}.champ .hero .kicker{color:var(--primary)}.champ .hero-art{display:grid;grid-template-columns:1.7fr 1fr;gap:0;background:var(--primary);color:white;border-radius:8px;overflow:hidden}.champ .hero-art .instrument{padding:15px 32px 25px}.champ .hero-art .art-note{padding:42px 35px;display:flex;flex-direction:column;justify-content:center}.champ .hero-art h2{font-size:50px;margin-bottom:20px}.champ .hero-meta{margin-top:20px}.champ .ribbon{grid-template-columns:1fr 1fr 1fr;padding-block:26px}.champ .editorial{grid-template-columns:1fr 1.3fr}.champ .feature{order:2;border-radius:0 100px 0 0}.champ .category-grid{grid-template-columns:repeat(2,1fr);gap:36px 70px}.champ .category{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:20px;border-top:2px solid var(--primary)}.champ .category h3{font-size:35px}.champ .category a{grid-column:2}.champ .module-layout{grid-template-columns:1.2fr 1fr}.champ h2{font-size:clamp(40px,4vw,60px)}.champ .signature .signature-name{font-family:var(--heading);font-size:52px}.champ .signature p{font-size:21px}.champ .signature .kicker{font-size:14px}.champ .feature .large-glyph{font-size:110px}.demo-tag{display:inline-block;font-size:12px;margin-bottom:12px}.module svg [data-part]{transition:opacity .2s}.module svg[data-selected=eye] [data-part]:not([data-part=eye]),.module svg[data-selected=wall] [data-part]:not([data-part=wall]),.module svg[data-selected=bands] [data-part]:not([data-part=bands]){opacity:.25}.module svg[data-selected=eye] [data-part=eye],.module svg[data-selected=wall] [data-part=wall],.module svg[data-selected=bands] [data-part=bands]{opacity:1}.motion-arrow{transition:transform .3s}.button:hover .motion-arrow{transform:translateX(4px)}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.main-nav{gap:16px;font-size:12px}.hero-grid{gap:24px}.hero-meta{gap:15px}.champ .hero-head{gap:32px}.champ .hero-art .art-note{padding:25px}.champ .hero-art h2{font-size:38px}.module-layout{gap:30px}.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.notice{font-size:11px;padding:7px 15px}.brandrow{min-height:82px}.brand{font-size:21px;gap:9px}.brand svg{width:33px;height:33px}.brand small{font-size:10px}.header-note{display:none}.js .menu{display:block}.main-nav{display:block;padding-block:12px}.main-nav a{display:block;padding:10px;font-size:16px}.js .main-nav{display:none}.js .main-nav.open{display:block;max-height:65vh;overflow:auto}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-block:35px;gap:35px}.hero h1{max-width:550px}.kicker{font-size:12px;margin-bottom:17px}.intro{font-size:16px;margin:22px 0}.hero-meta{font-size:11px;margin-top:24px}.instrument{padding:0}.instrument figcaption{font-size:10px}.ribbon{grid-template-columns:1fr;gap:16px;padding-block:24px}.ribbon div{display:grid;grid-template-columns:120px 1fr;gap:20px;font-size:13px}.ribbon strong{font-size:14px}.section{padding-block:48px}.section-top{display:block;margin-bottom:28px}.section-top p{margin-top:18px;font-size:16px}.editorial,.module-layout,.signature{grid-template-columns:1fr;gap:30px}.feature{padding:26px;min-height:290px}.feature h3{font-size:28px}.category-grid{grid-template-columns:1fr;gap:30px}.category{padding-top:16px}.category h3{font-size:27px;margin-bottom:12px}.category a{margin-top:15px}.module-result{min-height:155px}.module .instrument{order:-1}.signature .signature-name{font-size:33px}.signature p{font-size:16px}.tokens{grid-template-columns:repeat(2,1fr)}.swatch{padding:12px;height:100px}.champ .brand{font-size:27px}.champ .brand small{font-size:10px}.champ .hero-grid{padding-top:35px;display:block}.champ .hero-head{display:block;margin-bottom:28px}.champ .hero h1{font-size:clamp(58px,15.5vw,100px)}.champ .hero .intro{font-size:18px;margin-top:24px}.champ .hero-art{display:block}.champ .hero-art .instrument{padding:10px 12px 18px}.champ .hero-art .art-note{padding:22px}.champ .hero-art h2{font-size:35px}.champ .hero-art p{font-size:15px}.champ .hero{padding-bottom:0}.champ .hero-meta{font-size:12px}.champ .ribbon,.champ .editorial,.champ .module-layout{grid-template-columns:1fr}.champ .feature{order:0}.champ .category-grid{grid-template-columns:1fr;gap:30px}.champ .category{grid-template-columns:1fr;gap:0}.champ .category a{grid-column:auto}.champ .category h3{font-size:32px}.champ .signature p{font-size:18px}.empty{padding:24px}.reading{padding-bottom:40px}.footer{padding-block:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover .motion-arrow{transform:none}}
.article-layout{display:grid;grid-template-columns:250px minmax(0,760px);gap:clamp(30px,5vw,90px);align-items:start;padding-bottom:64px}.article-layout .reading{width:100%;min-width:0;padding-top:0}.contents{border-top:3px solid var(--secondary);padding-top:20px}.contents h2{font-size:24px}.contents ol{padding-left:24px;margin-block:24px}.contents li{margin-bottom:16px}.contents p{font-size:14px}.reading .article-lead{font-size:22px;line-height:1.7}.reading blockquote{margin:36px 0;padding:24px;border-left:5px solid var(--secondary);background:var(--primary);color:white}.reading blockquote p{margin-top:0}.reading blockquote cite{font-size:15px;font-style:normal}.reading ul{padding-left:26px}.reading li{margin-block:12px}.reading h3{margin-top:32px}.table-scroll{max-width:100%;overflow:auto;margin-block:28px}.table-scroll table{border-collapse:collapse;min-width:600px;width:100%;font-size:16px;font-family:var(--body)}.table-scroll caption{text-align:left;font-size:15px;padding-bottom:16px}.table-scroll td,.table-scroll th{padding:16px;text-align:left;border-bottom:1px solid var(--secondary)}.table-scroll thead{background:var(--primary);color:white}.article-end{border-top:2px solid var(--secondary);margin-top:48px;padding-top:8px}.legal-links{display:flex;flex-wrap:wrap;gap:16px;font-size:14px}.reading :is(h2,h3){scroll-margin-top:24px}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.contents{max-width:760px}.contents ol{display:flex;flex-wrap:wrap;gap:12px 36px}.contents li{max-width:250px}.reading .article-lead{font-size:20px}}@media(max-width:400px){.reading blockquote{padding:18px}.contents ol{display:block}}
/* Production additions to the approved Isobare and article styles. */
.reading th,.reading td{min-width:8rem}
.js .js-only{display:none}.module-ready .js-only{display:flex}.js .static-legend{display:block}.module-ready .static-legend{display:none}
img{max-width:100%;height:auto}.reading{min-width:0;overflow-wrap:anywhere}.reading table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.reading th,.reading td{padding:12px;border:1px solid #b6bdc4}.reading thead{background:var(--primary);color:#fff}.reading figure{max-width:100%;margin-block:24px}.article-image{display:block;width:100%;height:auto;margin-block:28px}.article-meta{font-size:14px;margin-block:20px}.articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.article-card img{display:block;width:100%;height:auto;margin-bottom:18px}.article-card h2,.article-card h3{font-size:28px}.article-card p{margin-top:16px}.form-result{margin-block:24px}.honeypot{display:none!important}.menu[aria-expanded=true]{background:var(--ink)}
@media(max-width:700px){.js .menu{display:none}.js .main-nav{display:block}[data-nav-ready] .menu{display:block}[data-nav-ready] .main-nav{display:none}[data-nav-ready] .main-nav.open{display:block;max-height:65vh;overflow-y:auto}.articles-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
