.study-back{font-size:12px;text-decoration:underline;text-underline-offset:5px}.study-breadcrumb{display:flex;gap:15px;font-size:10px;margin:28px 5%}.study-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.study-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:6%;margin:0 5% 70px}.study-visual{padding:24px;position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;align-items:center;min-width:0}.study-top{width:100%;display:flex;justify-content:space-between;gap:15px;font:8px/1.7 'Courier New',monospace}.study-visual>img{height:min(62vh,640px);min-height:350px;width:100%;object-fit:contain;margin:20px 0}.study-visual>.view-switch{border-color:currentColor}.study-visual>.view-switch button{color:inherit}.study-visual>.view-switch button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.study-caption{font-size:9px;text-align:center;margin:15px 0 0;opacity:.8}.sand{background:#e8dfcf;color:#3f493d}.herb{background:#e3e6d5;color:#324b36}.night{background:#293632;color:#e9ddbd}.pond{background:#e2e8e1;color:#344d4b}.sea{background:#dfe7e9;color:#284e60}.stone{background:#30353a;color:#e7d8ba}.study-copy{padding:18px 0}.study-copy h1{font:clamp(45px,5vw,78px)/1.02 var(--serif);letter-spacing:-.05em;margin:24px 0 17px}.study-copy>.study-subtitle{font:italic 23px/1.3 var(--serif);margin-bottom:30px;color:var(--ink)}.study-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:18px}.study-copy dl{margin:30px 0}.study-copy dl>div{display:grid;grid-template-columns:125px 1fr;gap:20px;border-top:1px solid var(--line);padding:15px 0}.study-copy dt{font:9px/1.7 'Courier New',monospace;color:var(--muted)}.study-copy dd{margin:0;font-size:11px}.study-copy>.button{width:100%;max-width:none}.study-copy>.study-small{font-size:10px;margin:12px 0 28px}.study-copy details{border-top:1px solid var(--line)}.study-related{padding-top:65px;padding-bottom:80px;border-top:1px solid var(--line)}.study-related h2{font:44px/1.1 var(--serif);letter-spacing:-.04em;margin:20px 0 35px}.study-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.study-thumb{padding:20px;aspect-ratio:4/5}.study-thumb img{width:100%;height:100%;object-fit:contain}.study-related h3{font:28px var(--serif);letter-spacing:-.03em;margin-top:15px}.study-related a>p{font-size:10px;color:var(--muted);margin-top:5px}
@media(max-width:760px){.study-layout{grid-template-columns:1fr;gap:28px;margin-bottom:35px}.study-visual{position:relative;top:0;padding:18px}.study-visual>img{height:450px;max-height:65svh;min-height:0}.study-copy{padding:8px 1%}.study-copy h1{font-size:56px;margin-top:18px}.study-copy dl>div{grid-template-columns:110px 1fr}.study-related{padding-top:45px;padding-bottom:50px}.study-related h2{font-size:38px}.study-related>div{grid-template-columns:repeat(2,1fr);gap:15px}.study-related>div>a:last-child{display:none}.study-thumb{padding:12px}.study-related h3{font-size:24px}.study-caption{font-size:8px}.study-back{font-size:10px}}
.study-visual>.provider-switch{margin-top:10px}.provider-mockup{background:#fff}.study-visual>.view-switch{flex-wrap:wrap;justify-content:center}
/* Match collection reading sizes and keep the artwork controls close on phones. */
.study-breadcrumb{font-size:12px;line-height:1.7}
.study-back{font-size:13px;min-height:44px;display:flex;align-items:center}
.study-top{font-size:10px;line-height:1.7}
.study-caption{font-size:11px;line-height:1.8}
.study-copy h1{text-wrap:balance}
.study-copy>p:not(.eyebrow){font-size:14px}
.study-copy dt{font-size:11px}.study-copy dd{font-size:13px;line-height:1.7}
.study-copy>.study-small{font-size:12px;line-height:1.8}
.study-related a>p{font-size:12px;line-height:1.7}
@media(max-width:760px){.study-top{font-size:9px}.study-visual>img{height:340px;max-height:45svh;margin:15px 0}.study-copy h1{font-size:clamp(40px,10vw,56px)}.study-visual{padding:18px 14px}.study-visual .view-switch button{font-size:12px;min-width:0;padding:12px}.study-copy dl>div{grid-template-columns:100px minmax(0,1fr);gap:14px}.study-caption{margin-top:5px}.study-back{font-size:12px}}
