/* Workshop index only. Shared journal and project pages keep their own layout. */
.workshop-index{max-width:1160px;margin-inline:auto;padding-inline:28px;background:#122a21;color:#f2ede1}
.workshop-index .workshop-intro{text-align:left;max-width:none;margin:24px 0 64px;padding:0}
.workshop-index .workshop-intro h1{font-size:clamp(46px,7vw,82px);line-height:1.08;margin:18px 0}
.workshop-index .dial-intro{max-width:62ch;margin:0 0 30px;color:#d1d8c9}
.workshop-index .workshop-directory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 18px;max-width:none;margin:0;background:#f5f0e4;color:#24392c;border-block:3px solid #b59858;padding:32px 24px;box-shadow:none}
.workshop-index .project-dial{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;border-radius:12px;padding:10px 5px;min-height:44px;min-width:0;position:relative}
.workshop-index .project-dial::before{content:none}
.workshop-index .project-dial .dial-face{width:148px;height:148px;border:1px solid #8a7448;border-radius:50%;background:#fffaf0;box-shadow:0 0 0 4px #f5f0e4,0 0 0 5px #b59858;transform:none;transition:transform .2s ease,box-shadow .2s ease}
.workshop-index .project-dial .dial-face img{width:100%;height:100%;object-fit:contain;border-radius:0}
.workshop-index .project-dial>span:last-of-type{font-size:18px;line-height:1.3;font-weight:600;color:#24392c;max-width:100%;margin:9px 0 0;overflow-wrap:anywhere}
.workshop-index .project-dial small{font-size:13px;line-height:1.4;color:#425747;overflow-wrap:anywhere}
/* Beat shared dial sizing while leaving every other Workshop page alone. */
.grove-theme .workshop-index .workshop-directory .project-dial .dial-face{width:148px;height:148px;padding:24px;box-sizing:border-box;border-radius:50%}
.grove-theme .workshop-index .workshop-directory .project-dial .dial-face img{width:100%;height:100%;object-fit:contain}
.grove-theme .workshop-index .workshop-directory .project-dial small{color:#425747}
.workshop-index .project-dial:hover,.workshop-index .project-dial[aria-current="location"]{background:#e7e5d7;color:#24392c}
.workshop-index .project-dial:hover .dial-face,.workshop-index .project-dial:focus-visible .dial-face,.workshop-index .project-dial[aria-current="location"] .dial-face{box-shadow:0 0 0 4px #f5f0e4,0 0 0 7px #8a7448;transform:translateY(-3px)}
.workshop-index .project-dial:focus-visible{outline:3px solid #285b44;outline-offset:2px}
.workshop-index .workshop-feature{display:grid;grid-template-columns:150px minmax(0,1fr);grid-template-areas:"identity content";gap:32px;background:transparent;border:0;border-top:1px solid #96a98d;padding:36px 0;margin:0;box-shadow:none;scroll-margin-top:30px}
.workshop-index .workshop-feature-copy{grid-area:content;min-width:0;align-self:start;padding:0;max-width:75ch}
.workshop-index .workshop-feature-copy h2{font-size:clamp(29px,4vw,42px);line-height:1.15;margin:14px 0 16px;color:#f2ede1}
.workshop-index .workshop-feature-copy p{font-size:17px;line-height:1.7;margin:14px 0}
.workshop-index .workshop-feature-copy .workshop-subtitle,.workshop-index .workshop-feature-copy .workshop-small{font-size:13px;line-height:1.6;color:#d1d8c9}
.workshop-index .workshop-feature-copy .eyebrow{color:#dec794}
.workshop-index .workshop-feature-copy a{overflow-wrap:anywhere}
.workshop-index .workshop-feature-copy .button{margin:8px 16px 8px 0;min-height:44px}
.workshop-index .project-text-link{display:inline-block;min-height:44px;padding-block:12px}
.workshop-index .project-logo-panel,.workshop-index .evergreen-logo-panel,.workshop-index .dream-logo-panel,.workshop-index .workshop-cover{grid-area:identity;align-self:start;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;width:150px;min-height:0;height:auto;margin:0;padding:14px 10px;border-radius:0;box-shadow:none;overflow:visible;text-decoration:none}
.workshop-index .project-logo-panel{background:#f5f0e4;color:#24392c}
.workshop-index .project-logo-panel .identity-lockup,.workshop-index .project-logo-panel .identity-mark,.workshop-index .project-logo-panel .identity-wordmark{width:100%;max-width:130px;height:auto;object-fit:contain}
.workshop-index .identity-caption,.workshop-index .identity-action{font-size:12px;line-height:1.45;color:inherit;letter-spacing:0;text-transform:none}
.workshop-index .sitesquared-identity{color:#0f3d44}
.workshop-index .evergreen-logo-lockup{gap:10px;max-width:130px}
.workshop-index .evergreen-logo-lockup img{width:65px;height:76px;object-fit:contain}
.workshop-index .evergreen-logo-name{font-size:14px;letter-spacing:.08em}
.workshop-index .evergreen-logo-name small{font-size:9px}
.workshop-index .dream-logo-panel img,.workshop-index .workshop-cover img{width:100%;height:auto;max-height:180px;object-fit:contain}
.workshop-index .kindred-wordmark{font-size:20px;line-height:1.2}
.workshop-index .past-work{margin-top:44px}
.workshop-index .workshop-feature a:focus-visible,.workshop-index details summary:focus-visible{outline:3px solid #dec794;outline-offset:5px}
@media(max-width:1000px){
 .workshop-index .workshop-directory{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
 .workshop-index .workshop-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
 .grove-theme .workshop-index .workshop-directory .project-dial .dial-face{width:110px;height:110px;padding:18px}
}
@media(max-width:760px){
 .workshop-index{padding-inline:18px}
 .workshop-index .workshop-directory{padding-inline:16px}
 .workshop-index .workshop-feature{grid-template-columns:100px minmax(0,1fr);gap:20px}
 .workshop-index .project-logo-panel,.workshop-index .evergreen-logo-panel,.workshop-index .dream-logo-panel,.workshop-index .workshop-cover{width:100px;padding:10px 8px}
 .workshop-index .identity-caption,.workshop-index .identity-action{font-size:11px}
}
@media(max-width:520px){
 .workshop-index .workshop-feature{grid-template-columns:minmax(0,1fr);grid-template-areas:"identity" "content";gap:20px}
 .workshop-index .project-logo-panel,.workshop-index .evergreen-logo-panel,.workshop-index .dream-logo-panel,.workshop-index .workshop-cover{width:150px}
 .workshop-index .workshop-intro{margin-bottom:40px}
}
@media(prefers-reduced-motion:reduce){.workshop-index .project-dial,.workshop-index .dial-face,.workshop-index .workshop-cover img{transition:none;transform:none}.workshop-index .project-dial:hover .dial-face,.workshop-index .project-dial:focus-visible .dial-face,.workshop-index .project-dial[aria-current="location"] .dial-face{transform:none}}
@media(forced-colors:active){.workshop-index .workshop-directory,.workshop-index .workshop-feature{border-color:CanvasText}.workshop-index a:focus-visible,.workshop-index details summary:focus-visible{outline-color:Highlight}}