/* Mobile project reading layout; desktop retains its connected canvas. */
#brand-slices .bs-dialog.bs-mobile-detail{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:0 18px;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));background:#101113;overflow:hidden}
#brand-slices .bs-mobile-detail[open]{display:flex;flex-direction:column}
#brand-slices .bs-mobile-detail .bs-dialogbar{min-height:52px;padding:env(safe-area-inset-top) 0 0;gap:12px}
#brand-slices .bs-mobile-detail .bs-close{min-height:48px;font-size:13px}
#brand-slices .bs-mobile-detail .bs-board-heading{padding:12px 0;display:block}
#brand-slices .bs-mobile-detail #bs-name{margin:0;font-size:26px;line-height:1.15}
#brand-slices .bs-mobile-detail .bs-board-kicker,#brand-slices .bs-mobile-detail .bs-board-hint,#brand-slices .bs-mobile-detail .bs-board-navigation{display:none}
#brand-slices .bs-mobile-detail .bs-board-scroll{display:block;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;background:none;padding:0}
#brand-slices .bs-mobile-detail .bs-board{display:block;position:static;width:100%;height:auto;min-height:0;min-width:0;padding:0;transform:none;background:none}
#brand-slices .bs-mobile-project{padding:8px 0 28px;min-width:0}
#brand-slices .bs-mobile-project+.bs-mobile-project{padding-top:28px;border-top:1px solid #ffffff30}
#brand-slices .bs-mobile-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
#brand-slices .bs-mobile-detail .bs-mobile-image{display:block;position:relative;inset:auto;width:100%;height:auto;min-width:0;max-width:100%;aspect-ratio:auto;padding:0;border:1px solid #ffffff1c;border-radius:5px;overflow:hidden;background:#08090a;transform:none}
#brand-slices .bs-mobile-detail .bs-mobile-image img{display:block;position:static;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none}
#brand-slices .bs-mobile-detail .bs-mobile-cover img{max-height:52svh;object-fit:contain}
#brand-slices .bs-mobile-copy{min-width:0}
#brand-slices .bs-mobile-copy small{display:block;color:#d09984;font:10px/1.5 monospace;letter-spacing:.06em}
#brand-slices .bs-mobile-copy h4{font-size:23px;font-weight:500;line-height:1.4;margin:10px 0 14px;overflow-wrap:anywhere}
#brand-slices .bs-mobile-copy p{font-size:15px;line-height:1.9;color:#bbbdbd;white-space:pre-line;margin:0;overflow-wrap:anywhere}
#brand-slices .bs-mobile-copy .bs-mobile-copyright{margin-top:16px;font-size:12px;color:#8e9296}
#brand-slices .bs-mobile-project h5{margin:26px 0 12px;font-size:12px;font-weight:400;letter-spacing:.12em;color:#a5a7a7}
#brand-slices .bs-mobile-films figure{margin:0 0 18px}
#brand-slices .bs-mobile-films video{display:block;width:100%;height:auto;max-height:65svh;background:#000;object-fit:contain;border-radius:5px}
#brand-slices .bs-mobile-films figcaption{padding-top:8px;font-size:12px;line-height:1.5;color:#b7b9b9}
#brand-slices .bs-mobile-stills>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
#brand-slices .bs-mobile-detail .bs-controls{min-height:52px;padding:2px 0 max(2px,env(safe-area-inset-bottom));margin:0;background:#101113;gap:12px}
#brand-slices .bs-mobile-detail .bs-controls button{min-height:44px;font-size:12px}
@media(orientation:landscape){
#brand-slices .bs-mobile-detail .bs-dialogbar{min-height:44px}
#brand-slices .bs-mobile-detail .bs-board-heading{padding:6px 0}
#brand-slices .bs-mobile-detail #bs-name{font-size:20px}
#brand-slices .bs-mobile-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:start}
#brand-slices .bs-mobile-detail .bs-mobile-cover img{max-height:65svh}
#brand-slices .bs-mobile-copy h4{font-size:21px;margin:7px 0 12px}
#brand-slices .bs-mobile-copy p{font-size:14px;line-height:1.85}
#brand-slices .bs-mobile-films video{max-height:78svh}
#brand-slices .bs-mobile-stills>div{grid-template-columns:repeat(3,minmax(0,1fr))}
#brand-slices .bs-mobile-detail .bs-controls{min-height:44px}
}