.studies-index .site-nav a:first-child{color:var(--ink)}.studies-index .site-nav [aria-current]{color:var(--accent)}
.studies-intro{display:grid;grid-template-columns:1.618fr 1fr;gap:40px;padding:30px 0 45px;align-items:end}.studies-intro h1{font-size:clamp(90px,11vw,175px)}.studies-intro .eyebrow{margin-bottom:25px}.studies-intro-note{border-left:1px solid var(--line);padding:20px 0 0 30px}.studies-intro-note p{font-size:22px;line-height:1.45;letter-spacing:-.02em;color:#b4b4ae;margin:20px 0 35px}.intro-ledger{display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}
.studies-toolbar{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.study-filters{display:flex;gap:5px}.study-filters button{border:1px solid transparent;background:transparent;color:var(--muted);font:11px var(--mono);padding:10px 16px;cursor:pointer}.study-filters button:hover{color:var(--ink)}.study-filters button[aria-pressed=true]{color:var(--bg);background:var(--accent)}.study-result-bar{display:flex;justify-content:space-between;gap:20px;color:var(--muted);padding:20px 0}
/* Sequential auto-placement preserves reading order. Six-card patterns repeat
   for any result count; rows grow with text, and filtering reflows the pattern. */
.studies-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px 26px;align-items:stretch}.study-card{grid-column:span 6;border:1px solid var(--line);min-width:0;display:flex;flex-direction:column;position:relative;background:var(--bg)}.study-card:hover{border-color:#68685f}.study-image{display:block;position:relative;min-height:280px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#272724 calc(25% - 1px),#272724 25%);overflow:hidden}.study-image:after{content:'+';position:absolute;left:18px;top:14px;color:var(--muted);font:18px var(--mono)}.study-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:none;-webkit-mask-image:none;transition:transform .35s;z-index:1}.study-card:hover .study-image img{transform:scale(1.035)}.study-content{padding:26px;display:flex;flex-direction:column;flex:1;position:relative}.study-meta{display:flex;gap:20px;justify-content:space-between;color:var(--muted);font-size:10px;margin-bottom:22px}.study-meta span:first-child{color:var(--accent)}.study-card h2{font-size:calc(clamp(32px,3.7vw,56px) * var(--scale-case,1));line-height:1;letter-spacing:-.055em}.study-subtitle{font-size:19px;color:#c3c3bc;letter-spacing:-.025em;margin:14px 0}.study-description{font:12px/1.7 var(--mono);color:var(--muted);max-width:none;margin-bottom:25px}.study-read{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:auto;color:var(--accent)}.study-read span{font-size:18px}


.studies-grid[data-composition=staggered] .study-card:nth-child(6n+1),.studies-grid[data-composition=staggered] .study-card:nth-child(6n+4){grid-column:span 8}.studies-grid[data-composition=staggered] .study-card:nth-child(6n+2),.studies-grid[data-composition=staggered] .study-card:nth-child(6n+3){grid-column:span 4}.studies-grid[data-composition=staggered] .study-card:nth-child(6n+2){margin-top:100px}.studies-grid[data-composition=staggered] .study-card:nth-child(6n+3){margin-top:75px}.studies-grid[data-composition=staggered] .study-card:nth-child(6n+1) .study-image,.studies-grid[data-composition=staggered] .study-card:nth-child(6n+4) .study-image{min-height:400px}.studies-grid[data-composition=staggered] .study-card:nth-child(6n+2) h2,.studies-grid[data-composition=staggered] .study-card:nth-child(6n+3) h2{font-size:calc(36px * var(--scale-case,1))}
.studies-grid[data-composition=ledger]{gap:28px}.studies-grid[data-composition=ledger] .study-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.618fr;border-bottom:1px solid var(--line)}.studies-grid[data-composition=ledger] .study-card:last-child{border-bottom:1px solid var(--line)}.studies-grid[data-composition=ledger] .study-image{border-right:1px solid var(--line);border-bottom:0;min-height:340px}.studies-grid[data-composition=ledger] .study-content{padding:30px 40px}.studies-grid[data-composition=ledger] .study-card:nth-child(even){grid-template-columns:1.618fr 1fr}.studies-grid[data-composition=ledger] .study-card:nth-child(even) .study-image{grid-column:2;grid-row:1;border-right:0;border-left:1px solid var(--line)}.studies-grid[data-composition=ledger] .study-card:nth-child(even) .study-content{grid-column:1;grid-row:1}
.studies-end{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);margin-top:40px;padding:28px 0;color:var(--muted)}
@media(max-width:900px){.studies-intro{gap:25px}.studies-intro-note{padding-left:20px}.studies-intro-note p{font-size:18px}.studies-grid{gap:20px}.study-content{padding:22px}.study-card h2{font-size:calc(34px * var(--scale-case,1))}.study-meta{gap:12px;font-size:9px}}
@media(max-width:640px){.studies-intro{grid-template-columns:1fr;padding-top:20px;gap:25px}.studies-intro h1{font-size:23vw}.studies-intro-note{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.studies-intro-note p{font-size:21px;margin-bottom:20px}.studies-toolbar{flex-direction:column;gap:15px}.study-filters{justify-content:space-between}.study-filters button{padding:9px 12px}.study-result-bar{font-size:9px}.study-result-bar .mono{font-size:9px}.study-result-bar>span:last-child{max-width:160px;text-align:right}.studies-grid{display:flex;flex-direction:column;gap:22px}.studies-grid .study-card{margin-top:0!important;display:flex!important}.studies-grid .study-card .study-image{min-height:270px!important;border-right:0!important;border-left:0!important;border-bottom:1px solid var(--line)!important}.studies-grid .study-content{padding:22px!important}.studies-grid .study-card h2{font-size:calc(36px * var(--scale-case,1))!important}.studies-end{flex-wrap:wrap;font-size:9px}.studies-end .mono{font-size:9px}.studies-grid[data-composition=ledger] .study-card{border-bottom:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){.study-image img{transition:none}}