.study-heading{padding:38px 4% 28px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:end}.study-heading h1{font:500 clamp(36px,4.5vw,64px)/1.02 'Bodoni Moda',Georgia,serif;letter-spacing:-.04em;margin:10px 0}.study-heading p{max-width:650px;line-height:1.65;margin:10px 0}.study-heading .eyebrow{font-size:12px}.study-note{font-size:14px;line-height:1.65;color:#566158}.study-workspace{padding:0 4% 40px}.study-tabs{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid var(--line);margin:10px 0 24px}.study-tabs button{border:0;border-right:1px solid var(--line);background:transparent;font:500 14px/1.3 'DM Sans',sans-serif;color:var(--green);padding:14px 10px;text-align:left;cursor:pointer}.study-tabs button:last-child{border-right:0}.study-tabs button span{display:block;font-size:12px;opacity:.65;margin-bottom:5px}.study-tabs button[aria-selected=true]{background:var(--green);color:white}.study-tabs button:hover:not([aria-selected=true]){background:#e9ece5}#study-panel{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:5%}.study-art{aspect-ratio:1;min-width:0;background-size:200% 200%;background-repeat:no-repeat;background-color:#fff}.board-a{background-image:url('assets/race-studies-a.png')}.board-b{background-image:url('assets/race-studies-b.png')}.study-details h2{font:500 clamp(35px,4vw,56px)/1 'Bodoni Moda',Georgia,serif;margin:10px 0 20px}.study-details>p{line-height:1.65}.study-details dl{margin:22px 0}.study-details dl div{display:grid;grid-template-columns:105px 1fr;gap:15px;padding:13px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.5}.study-details dd{margin:0}.study-details dt{color:#566158}.study-principles,.study-research,.study-materials{padding:55px 4%}.study-principles{background:#e9ece5}.study-principles h2,.study-research h2,.study-materials h2{font:500 clamp(36px,4vw,54px)/1.05 'Bodoni Moda',Georgia,serif;margin:18px 0 30px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.principle-grid p,.study-materials>p{font-size:16px;line-height:1.75}.principle-grid b{display:block;margin-bottom:8px}.research-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 7%}.research-grid article{padding:24px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.7}.research-grid h3,.production-note h3{font:500 30px/1.15 'Bodoni Moda',Georgia,serif;margin:15px 0}.research-grid article>span{font-size:12px;letter-spacing:.1em}.study-research a,.study-materials a{text-decoration:underline;text-underline-offset:4px}.study-materials{border-top:1px solid var(--line)}.study-materials>p{max-width:850px}.fabric-table-wrap{overflow-x:auto;margin:30px 0}.fabric-table-wrap table{border-collapse:collapse;width:100%;text-align:left;font-size:15px;line-height:1.65}.fabric-table-wrap th,.fabric-table-wrap td{vertical-align:top;border-bottom:1px solid var(--line);padding:20px 20px 20px 0}.fabric-table-wrap thead th{font-size:13px;color:#566158;font-weight:500}.fabric-table-wrap tbody th{width:20%;font-weight:500}.fabric-table-wrap td{width:40%}.production-note{background:#e9ece5;padding:25px 30px;line-height:1.75;margin:30px 0}.production-note h3{margin-top:0}#study-panel:focus-visible{outline:2px solid #ab6546;outline-offset:5px}
@media(max-width:850px){.study-tabs{grid-template-columns:repeat(4,1fr)}.study-tabs button:nth-child(-n+4){border-bottom:1px solid var(--line)}.study-tabs button:nth-child(4n){border-right:0}.study-heading{gap:4%}#study-panel{gap:4%;grid-template-columns:1.2fr 1fr}.study-details dl div{grid-template-columns:1fr;gap:4px}}
@media(max-width:600px){.study-heading{grid-template-columns:1fr;padding:30px 5% 18px;gap:8px}.study-heading h1{font-size:44px}.study-workspace{padding:0 5% 30px}.study-tabs button{font-size:13px;padding:12px 8px}#study-panel{grid-template-columns:1fr;gap:25px}.study-details dl div{grid-template-columns:110px 1fr}.study-principles,.study-research,.study-materials{padding:35px 5%}.principle-grid,.research-grid{grid-template-columns:1fr;gap:15px}.fabric-table-wrap table{min-width:590px}.production-note{padding:22px}.study-art{width:100%}}