/* Bou content shares the existing studio navigation and footer. */
#bou-page{position:fixed;inset:var(--jb-header) 0 0;z-index:6;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#fff;color:#212121;font:14px/1.75 var(--jb-copy);outline:none}
#bou-page[hidden]{display:none}
#bou-page h1,#bou-page h2{font:700 19px/1.45 var(--jb-display);color:#37474f;margin:0;letter-spacing:0}
#bou-page img{display:block;max-width:100%;height:auto;-webkit-user-drag:none}
#bou-page a{color:inherit;text-decoration:none}
#bou-page figure{margin:0;min-width:0}
.bou-index{width:min(960px,calc(100% - 64px));margin:0 auto;padding:96px 0 110px;text-align:center}
.bou-intro{max-width:570px;margin:90px auto 68px;text-align:left}
.bou-concepts{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.6fr;gap:26px;align-items:center}
.bou-concepts img{width:100%;aspect-ratio:.9;object-fit:contain}
.bou-project-picker{margin:60px auto 0}
#bou-page .bou-project-picker h2{font-size:17px;font-weight:400;color:#212121}
.bou-project-picker p{margin:18px auto 36px;font-size:13px}
.bou-project-picker nav{display:grid;grid-template-columns:repeat(4,70px);justify-content:center;gap:42px 28px;max-width:380px;margin:auto}
.bou-project-picker a{display:flex;align-items:center;justify-content:center;min-height:70px;border-radius:2px;transition:opacity .18s ease}
.bou-project-picker a:hover{opacity:.55}.bou-project-picker a:active{opacity:.3}
.bou-project-picker img{width:70px;height:70px;object-fit:contain}
.bou-project{width:min(890px,calc(100% - 64px));margin:auto;padding:90px 0 80px}
.bou-project-head{text-align:center;margin:0 auto 100px;padding-top:0}
.bou-symbol{width:45px;height:45px!important;object-fit:contain;margin:0 auto 22px}
.bou-project-head p{font:400 13px/1.5 var(--jb-display);margin:0;color:#66685e}
.bou-lead{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}
.bou-lead>figure>img{width:100%;max-height:660px;object-fit:contain}
.bou-copy p{margin:0 0 26px}.bou-copy .bou-facts{color:#777;margin-bottom:32px;font-size:13px}
.bou-copy>img{width:100%;aspect-ratio:1.1;object-fit:contain;margin:30px 0}
.bou-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:66px 0}
.bou-image-pair img{width:100%;height:100%;object-fit:contain}
.bou-story-copy{max-width:600px;margin:35px auto;line-height:1.8}
.bou-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;gap:0;margin:60px auto 0}
.bou-gallery::-webkit-scrollbar{display:none}.bou-gallery>img{flex:0 0 100%;width:100%;max-width:none!important;max-height:650px;object-fit:contain;scroll-snap-align:start}
.bou-dots{display:flex;justify-content:center;gap:0;margin:12px auto}
.bou-dots button{border:0;background:none;padding:16px;min-width:44px;min-height:44px;cursor:pointer}
.bou-dots button::after{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#ccc}.bou-dots button[aria-pressed=true]::after{background:#333}
.bou-film{aspect-ratio:16/9;margin:70px 0 60px}.bou-film iframe{width:100%;height:100%;border:0}
.bou-back{display:block;width:max-content;margin:50px auto 0;padding:12px;font:400 14px var(--jb-display);color:#66685e!important;transition:opacity .18s}
.bou-back:hover{opacity:.5}
#bou-page>.about-footer{width:min(1138px,calc(100% - 64px));border-top:1px solid #00000015;margin:0 auto}
@media(max-width:900px){.bou-index{padding-top:65px}.bou-intro{margin-top:64px}.bou-project{padding-top:60px}.bou-project-head{margin-bottom:65px}.bou-lead{gap:28px}.bou-concepts{gap:16px}}
@media(max-width:600px){#bou-page{font-size:14px}.bou-index,.bou-project{width:calc(100% - 40px)}.bou-index{padding:48px 0 65px}.bou-intro{margin:46px auto 40px}.bou-concepts{grid-template-columns:1.5fr 1fr;gap:24px 16px}.bou-concepts img{aspect-ratio:1;max-height:230px}.bou-project-picker{margin-top:45px}.bou-project-picker nav{grid-template-columns:repeat(4,minmax(44px,62px));gap:24px 14px}.bou-project-picker img{width:62px;height:62px}.bou-project{padding-top:45px}.bou-project-head{margin-bottom:48px}.bou-lead{grid-template-columns:1fr;gap:30px}.bou-lead>figure>img{max-height:420px}.bou-copy>img{max-height:390px}.bou-image-pair{gap:14px;margin:40px 0}.bou-film{margin:45px 0}.bou-project-picker p{font-size:12px}#bou-page>.about-footer{width:100%;border-top:0}}
@media(prefers-reduced-motion:reduce){#bou-page *{transition:none!important;scroll-behavior:auto!important}}

/* Only the right-hand navigation changes while browsing Bou concepts. */
#bou-close{width:44px;height:44px;padding:10px;border:0;background:none;color:#212121;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:auto;flex-shrink:0;transition:opacity .18s ease}
#bou-close[hidden]{display:none}
#bou-close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
#bou-close:active{opacity:.35}
#bou-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}
body.view-bou header :is(#main-nav,#menu-toggle,#search-toggle){display:none!important}
@media(prefers-reduced-motion:reduce){#bou-close{transition:none}}