/* Portfolio chapters: large uncropped photographs, inset details and browsable contact strips. */
#kb-site-preview .folio-story{--folio-pad:clamp(24px,6vw,86px);background:#faf8f4}
#kb-site-preview .folio-opening{display:grid;grid-template-columns:1.15fr .85fr;gap:8%;padding:clamp(40px,6vw,88px) var(--folio-pad) 46px;align-items:end}
#kb-site-preview .folio-opening h1{font-size:clamp(42px,5.7vw,78px);line-height:1.05;margin:15px 0 22px;max-width:13ch}
#kb-site-preview .folio-tagline{font:italic 400 clamp(21px,2.2vw,30px)/1.35 var(--studio-display);color:#806a7d;margin-bottom:0}
#kb-site-preview .folio-intro p{font-size:17px;max-width:54ch}
#kb-site-preview .folio-credit{font-size:12px!important;letter-spacing:.04em;border-top:1px solid #d9cfd9;padding-top:13px;margin-top:22px}
#kb-site-preview .folio-photo{margin:0;min-width:0}
#kb-site-preview .folio-photo .gallery-open{display:block;position:relative;border:0;padding:0;width:100%;background:transparent;cursor:zoom-in;text-align:left}
#kb-site-preview .folio-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto}
#kb-site-preview .folio-photo figcaption{font:400 12px/1.6 var(--font-navigation,Arial,sans-serif);margin:10px 0 0;max-width:75ch}
#kb-site-preview .folio-hero{margin:0 var(--folio-pad) 32px}
#kb-site-preview .folio-hero img{max-height:80vh;object-fit:contain;background:#eee9e4}
#kb-site-preview .folio-chapter{padding:clamp(45px,7vw,96px) clamp(24px,6vw,86px);border-top:1px solid #e1d8df;scroll-margin-top:30px}
#kb-site-preview .folio-chapter:nth-of-type(even){background:#f2eee9}
#kb-site-preview .folio-chapter-heading{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-bottom:40px;align-items:start}
#kb-site-preview .folio-chapter-heading h2{margin:9px 0 0;font-size:clamp(30px,3.7vw,50px)}
#kb-site-preview .folio-chapter-heading p{font-size:17px;max-width:58ch}
#kb-site-preview .folio-spread{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:6%;align-items:start}
#kb-site-preview .folio-spread-1{margin-top:clamp(30px,8vw,110px);padding-top:18px;border-top:1px solid #c9bcc9}
#kb-site-preview .folio-spread img{max-height:720px}
#kb-site-preview .folio-gallery{padding:clamp(38px,5vw,70px) clamp(24px,6vw,86px);min-width:0;border-top:1px solid #d9cfd9;scroll-margin-top:30px}
#kb-site-preview .folio-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:24px}
#kb-site-preview .folio-gallery h2{font-size:clamp(28px,3.5vw,43px);margin:8px 0}
#kb-site-preview .folio-gallery-note{font-size:13px!important;color:#776b78;margin:14px 0 24px}
#kb-site-preview .folio-gallery-controls{display:flex;gap:8px;flex:none;margin-bottom:4px}
#kb-site-preview .folio-gallery-controls button{width:44px;height:44px;border:1px solid #b7a8bc;background:transparent;border-radius:50%;font:22px Georgia;color:#3c144c;cursor:pointer}
#kb-site-preview .folio-gallery-controls button:hover{background:#eee6ed}
#kb-site-preview .folio-strip{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b5a2bc #ece6e9;padding:4px 4px 20px;overscroll-behavior-x:contain}
#kb-site-preview .folio-strip .folio-photo{flex:0 0 320px;scroll-snap-align:start}
#kb-site-preview .folio-strip .folio-photo img{width:100%;height:240px;object-fit:contain;background:#eee9e4}
#kb-site-preview .folio-strip figcaption{font-size:11px;max-width:38ch}
#kb-site-preview .folio-source{padding:4px clamp(24px,6vw,86px) 35px;font-size:13px}
#kb-site-preview .folio-closer{padding:clamp(44px,6vw,85px) var(--folio-pad);background:#ece5ed}
#kb-site-preview .folio-closer p{max-width:55ch}
#kb-site-preview .folio-related{padding:clamp(44px,6vw,85px) clamp(24px,6vw,86px);background:#f2eee9;border-top:1px solid #d9cfd9}
#kb-site-preview .folio-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}
#kb-site-preview .folio-related-card{text-decoration:none;display:block;min-width:0}
#kb-site-preview .folio-related-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;height:auto;margin-bottom:16px}
#kb-site-preview .folio-related-card span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#7c687d}
#kb-site-preview .folio-related-card h3{font:400 25px/1.25 var(--studio-display);margin-top:8px}
#kb-site-preview .folio-brand-pair{padding:0 clamp(24px,6vw,86px) 60px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
#kb-site-preview .folio-brand-pair img{max-height:560px}
#kb-site-preview .ash-opening-note{max-width:75ch;font-size:17px}
#kb-site-preview .story-jumps{flex-wrap:wrap}
#kb-site-preview .folio-story a:focus-visible,#kb-site-preview .folio-gallery button:focus-visible,#kb-site-preview .folio-strip:focus-visible{outline:3px solid #9b7aa9;outline-offset:4px}
@media(max-width:900px){#kb-site-preview .folio-opening{grid-template-columns:1fr;gap:28px}#kb-site-preview .folio-opening h1{max-width:18ch}#kb-site-preview .folio-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#kb-site-preview .folio-chapter-heading{gap:6%}}
@media(max-width:650px){#kb-site-preview .folio-chapter-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}#kb-site-preview .folio-spread{grid-template-columns:1fr;gap:28px}#kb-site-preview .folio-spread-1{margin:0 0 0 17%;padding-top:18px}#kb-site-preview .folio-gallery-head{align-items:start}#kb-site-preview .folio-gallery-controls{gap:5px}#kb-site-preview .folio-gallery-controls button{width:40px;height:40px}#kb-site-preview .folio-strip .folio-photo{flex-basis:78vw;max-width:320px}#kb-site-preview .folio-strip .folio-photo img{height:220px}#kb-site-preview .folio-related-grid{grid-template-columns:1fr;gap:32px}#kb-site-preview .folio-brand-pair{gap:25px;grid-template-columns:1fr}#kb-site-preview .folio-brand-pair .folio-photo:last-child{width:76%;margin-left:auto}#kb-site-preview .folio-hero{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){#kb-site-preview .folio-strip{scroll-behavior:auto}}
#kb-site-preview .folio-photo img{background:transparent}
#kb-site-preview .folio-spread img{max-height:none}
#kb-site-preview .folio-spread.folio-portrait-pair{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px;margin-inline:auto;gap:9%}
@media(max-width:650px){#kb-site-preview .folio-spread.folio-portrait-pair{grid-template-columns:1fr;gap:28px}}