/* Shay's story uses the same Doc N.I.L. editorial case-study system. */
.shay-case-page{background:var(--paper);color:var(--ink);font-family:var(--sans)}
.shay-case-page main{overflow:clip}
.shay-case-page main a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
#shay-direction,#shay-photography,#shay-website{scroll-margin-top:calc(var(--cinema-header,70px) + 25px)}
.sls-training-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.sls-image-note{padding:30px 0}
.sls-image-note .eyebrow{font-size:8px;margin:0 0 28px}
.sls-image-note h3{font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-.075em;margin:0 0 32px;font-weight:800}
.sls-image-note h3>span{color:#95959b}
.sls-image-note>p:last-child{color:var(--muted);font-size:14px;line-height:1.85;max-width:45ch;margin:0}
.sls-web-section{padding-block:90px;background:#0a0a0b;color:var(--paper)}
.sls-web-section .section-index{color:#8b8b91}
.sls-web-section .cfs-split-head>p{color:#aaaab0}
.sls-web-section strong{font-weight:600;color:var(--paper)}
.sls-web-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:8%;align-items:start}
.sls-archive img{background:#fff}
.sls-archive figcaption,.sls-detail figcaption{color:#aaaab0;font-size:7px;line-height:1.7}
.sls-archive-note{padding-top:28px}
.sls-archive-note .eyebrow{font-size:8px;margin:0 0 24px}
.sls-archive-note>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#aaaab0;margin:0 0 32px;max-width:42ch}
.sls-detail{width:200px;max-width:100%;margin-top:35px}
.sls-detail img{width:200px;max-width:100%;height:auto;background:#fff}
.sls-product-subtitle{font:8px/1.6 var(--mono)!important;letter-spacing:.04em;color:var(--ink)!important;margin-top:-12px!important;margin-bottom:18px!important}
@media(max-width:980px){.sls-training-grid,.sls-web-grid{gap:6%}.sls-archive-note>p:not(.eyebrow){font-size:13px}}
@media(max-width:650px){.sls-training-grid,.sls-web-grid{grid-template-columns:1fr;gap:28px}.sls-image-note{padding:0}.sls-image-note .eyebrow{font-size:7px;margin-bottom:20px}.sls-image-note h3{font-size:clamp(3.2rem,14vw,5rem);margin-bottom:25px}.sls-image-note>p:last-child{font-size:14px;max-width:none}.sls-web-section{padding-block:55px}.sls-archive-note{padding-top:0}.sls-archive-note .eyebrow{margin-bottom:20px}.sls-archive-note>p:not(.eyebrow){font-size:14px}.sls-detail{margin-top:25px}}
