.usage-gallery{background:#f2f1e8;color:#26382d;padding:105px 0;scroll-margin-top:90px}.usage-gallery .ug-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;margin-bottom:45px}.usage-gallery .ug-heading h2{font-family:var(--bh-display-font);font-size:clamp(48px,5.5vw,82px);font-weight:400;line-height:1.08;margin:20px 0 0}.usage-gallery .ug-heading>p{max-width:510px;font-size:16px;line-height:1.9;color:#576454}.usage-gallery .ug-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #c2ccba;padding-top:25px;margin-bottom:25px}.usage-gallery .ug-filters{display:flex;gap:8px;flex-wrap:wrap}.usage-gallery .ug-filters button{border:1px solid #aebda4;border-radius:24px;padding:12px 22px;min-height:45px;font-size:13px}.usage-gallery .ug-filters button[aria-pressed=true]{background:#304a36;border-color:#304a36;color:#fff}.usage-gallery [data-gallery-status]{font-size:12px;line-height:1.7;color:#5c6a57;max-width:370px}.usage-gallery .ug-track{outline-offset:6px}.usage-gallery .ug-slide{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:5%;align-items:center;margin-bottom:40px}.usage-gallery[data-gallery-ready=true] .ug-slide{margin-bottom:0}.usage-gallery .ug-slide[hidden]{display:none!important}.usage-gallery .ug-image{margin:0;min-width:0}.usage-gallery .ug-image>button{display:block;position:relative;width:100%;background:#e5e7da;overflow:hidden;border-radius:3px;text-align:left}.usage-gallery .ug-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.usage-gallery .ug-image button>span{position:absolute;right:15px;bottom:15px;background:#f4f4e9ed;border:1px solid #b8c6af;padding:9px 13px;color:#293e2d;font-size:11px;border-radius:20px}.usage-gallery .ug-image figcaption{font-size:11px;line-height:1.8;color:#5a6754;padding:12px 1px}.usage-gallery .ug-copy{min-width:0;padding-block:20px}.usage-gallery .ug-kicker{font-size:10px;letter-spacing:.16em;color:#657b58}.usage-gallery .ug-copy h3{font-family:var(--bh-display-font);font-size:clamp(30px,3vw,44px);line-height:1.15;font-weight:400;margin:15px 0 25px}.usage-gallery .ug-explanation{margin:0}.usage-gallery .ug-explanation>div{margin-bottom:21px}.usage-gallery .ug-explanation dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:500;color:#48623f;margin-bottom:6px}.usage-gallery .ug-explanation dd,.usage-gallery .ug-description{font-size:14px;line-height:1.85;margin:0;color:#566550}.usage-gallery .ug-navigation{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid #c5cebe}.usage-gallery .ug-navigation button{font-size:12px;min-height:44px;padding:10px 0}.usage-gallery .ug-navigation button:disabled,.usage-gallery .ug-dialog-controls button:disabled{opacity:.4;cursor:default}.usage-gallery [data-gallery-count]{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.08em}.usage-gallery .ug-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.usage-gallery .ug-thumbs button{text-align:left;border:1px solid #d2d8ca;background:#e8ebdf;padding:5px;min-width:0}.usage-gallery .ug-thumbs button[aria-pressed=true]{border-color:#35513a;box-shadow:0 0 0 1px #35513a}.usage-gallery .ug-thumbs img{display:block;aspect-ratio:3/2;object-fit:contain;width:100%;height:auto}.usage-gallery .ug-thumbs span{display:block;padding:10px 7px;font-size:11px;line-height:1.6}.usage-gallery .ug-source-note{border-top:1px solid #c3cebb;padding-top:35px;margin-top:55px}.usage-gallery .ug-source-note h3{font-family:var(--bh-display-font);font-weight:400;font-size:30px;margin:0 0 15px}.usage-gallery .ug-source-note>p{font-size:13px;line-height:1.9;max-width:780px;color:#5a6854}.usage-gallery .ug-source-note ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;list-style:none;margin:25px 0 0}.usage-gallery .ug-source-note a{font-size:12px;border-bottom:1px solid #8fa081;padding-bottom:4px;line-height:1.8}.usage-gallery .ug-source-note li p{font-size:11px;line-height:1.8;color:#66745f;margin-top:12px}.usage-gallery .ug-dialog{background:#f0f1e6;color:#26382d;border:0;padding:20px;max-width:1100px;width:calc(100vw - 60px);max-height:94dvh;overflow:auto;border-radius:3px}.usage-gallery .ug-dialog::backdrop{background:#0b160fe8}.usage-gallery .ug-dialog-controls{display:flex;align-items:center;gap:14px;margin-bottom:15px}.usage-gallery .ug-dialog-controls button{min-height:44px;padding:9px 15px;border:1px solid #a9b9a0;font-size:13px}.usage-gallery .ug-dialog-controls [data-gallery-close]{margin-left:auto}.usage-gallery .ug-dialog-controls p{font-size:12px;font-variant-numeric:tabular-nums}.usage-gallery .ug-dialog figure{margin:0}.usage-gallery .ug-dialog figure img{display:block;width:100%;height:auto;max-height:70dvh;object-fit:contain;background:#e3e8d9}.usage-gallery .ug-dialog figcaption{font-size:12px;line-height:1.8;margin-top:14px}.usage-gallery p,.usage-gallery h2,.usage-gallery h3,.usage-gallery dd,.usage-gallery span,.usage-gallery a{overflow-wrap:break-word}.usage-gallery button:focus-visible,.usage-gallery a:focus-visible,.usage-gallery .ug-track:focus-visible{outline:2px solid #789d5f;outline-offset:4px}.usage-gallery [hidden]{display:none!important}
@media(max-width:900px){.usage-gallery{padding-block:75px}.usage-gallery .ug-heading{gap:6%;grid-template-columns:1fr 1fr}.usage-gallery .ug-heading h2{font-size:52px}.usage-gallery .ug-heading>p{font-size:14px}.usage-gallery .ug-toolbar{align-items:start}.usage-gallery [data-gallery-status]{max-width:280px}.usage-gallery .ug-slide{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:5%}.usage-gallery .ug-copy h3{font-size:32px}.usage-gallery .ug-explanation dd,.usage-gallery .ug-description{font-size:13px}.usage-gallery .ug-thumbs{gap:8px}.usage-gallery .ug-thumbs span{font-size:10px;padding:8px 3px}.usage-gallery .ug-source-note ul{gap:20px}}
@media(max-width:600px){.usage-gallery{padding-block:58px}.usage-gallery .ug-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.usage-gallery .ug-heading h2{font-size:43px}.usage-gallery .ug-heading>p{font-size:14px;margin:0}.usage-gallery .ug-toolbar{display:block;padding-top:20px;margin-bottom:20px}.usage-gallery .ug-filters{gap:7px}.usage-gallery .ug-filters button{padding:11px 18px;font-size:12px}.usage-gallery [data-gallery-status]{font-size:11px;max-width:none;margin:15px 0 0}.usage-gallery .ug-slide{grid-template-columns:1fr;gap:8px}.usage-gallery .ug-image img{aspect-ratio:3/2;object-fit:contain}.usage-gallery .ug-image figcaption{font-size:10px;line-height:1.8}.usage-gallery .ug-copy{padding-block:12px}.usage-gallery .ug-copy h3{font-size:31px;margin:12px 0 23px}.usage-gallery .ug-explanation dd,.usage-gallery .ug-description{font-size:14px}.usage-gallery .ug-explanation>div{margin-bottom:20px}.usage-gallery .ug-navigation{margin-top:10px}.usage-gallery .ug-thumbs{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 2px 10px}.usage-gallery .ug-thumbs button{flex:0 0 125px;scroll-snap-align:start}.usage-gallery .ug-thumbs span{font-size:10px;min-height:50px}.usage-gallery .ug-source-note{padding-top:28px;margin-top:35px}.usage-gallery .ug-source-note h3{font-size:29px}.usage-gallery .ug-source-note ul{grid-template-columns:1fr;gap:17px}.usage-gallery .ug-source-note li p{font-size:11px;max-width:460px}.usage-gallery .ug-dialog{width:calc(100vw - 22px);padding:13px;max-height:94dvh}.usage-gallery .ug-dialog-controls{gap:9px}.usage-gallery .ug-dialog-controls button{padding:8px 12px}.usage-gallery .ug-dialog figure img{max-height:64dvh}.usage-gallery .ug-dialog figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.usage-gallery *{scroll-behavior:auto;transition:none;animation:none}}