/* A fifth category without an isolated tile on narrow screens. */
.tools-header{min-height:154px}.tools-header .header{position:fixed}
.accessories-main,.press-main,.accessory-option,.press-article{text-align:start}
@media(max-width:650px){.tools-header{min-height:144px}}
@media(max-width:650px){.header .brand{width:100px}.header .brand .brand-logo{width:96px;height:54px}.header .brand span{font-size:6.5px;letter-spacing:.18em}.header-tools .select-wrap:has(select[aria-label="Devise"]){display:none!important}}
.categories .category-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-width:none}
.category-card{border-radius:5px;overflow:hidden}
.category-card .category-body{width:100%;border-top:1px solid #eeece5;background:#fff}
.category-card .category-body strong{font-size:clamp(12px,1.2vw,15px);line-height:1.5}
.accessory-category{background:#f0f2e9}
.accessory-category:before,.accessory-category:after{display:none}
.accessory-symbol{position:absolute;inset:12px 15px 54px;display:grid;place-items:center;color:#9e783f}
.accessory-symbol svg{height:100%;max-width:180px;width:100%}
.bb-tools-links [hidden]{display:none!important}
.bb-tools-links a{min-height:32px;display:inline-flex;align-items:center}
.accessory-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:35px 0}
.accessory-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:40px;background:#eeeee4;border:1px solid #d9ddcf;border-radius:12px;min-height:280px}
.accessory-option:nth-child(2){background:#f3ece1}
.accessory-number{font:italic 42px Georgia,serif;color:#a38251;margin-bottom:22px}
.accessory-option h2{margin:0 0 14px;font-size:26px}.accessory-option p{line-height:1.8;max-width:390px}.accessory-arrow{margin-top:auto;padding-top:18px;font-weight:500}
.accessory-help{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#e5e8dc;border-radius:12px;padding:32px;margin-top:38px}.accessory-help h2{font-size:23px;margin-top:0}.accessory-help p{line-height:1.8;max-width:650px}.accessory-help .button{flex-shrink:0;text-align:center}
.press-main{max-width:1100px;margin:auto;padding:36px 24px 70px}.press-breadcrumb{font-size:13px;margin:12px 0 42px}.press-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.press-heading{max-width:780px;margin:0 auto 40px;text-align:center}.press-heading h1{font:clamp(44px,7vw,76px)/1.1 Georgia,serif;margin:25px 0}.press-byline{font-size:14px;color:#747967}.press-note{padding:18px 20px;background:#eeeee4;border-radius:6px;font-size:13px;line-height:1.8}.press-article{max-width:730px;margin:auto;font:18px/1.9 Georgia,serif;color:#35382d}.press-article p{margin:0 0 25px}.press-article h2{font:600 27px/1.3 Rubik,Arial,sans-serif;margin:45px 0 22px}.press-deck{font-style:italic;font-size:23px;border-inline-start:3px solid #ad8850;padding-inline-start:24px}.press-credit{font:12px/1.8 Rubik,Arial,sans-serif;border-top:1px solid #d9ddcf;margin-top:40px;padding-top:20px}
@media(max-width:850px){.categories .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card[data-accessories-card]{grid-column:1/-1;min-height:160px}.category-card .category-body strong{font-size:14px}.accessory-help{align-items:stretch;flex-direction:column}}
@media(max-width:550px){.accessory-options{grid-template-columns:1fr;gap:16px}.accessory-option{padding:26px;min-height:230px}.accessory-help{padding:24px}.press-main{padding:25px 20px 45px}.press-article{font-size:17px}.press-deck{font-size:21px}}
/* One short page transition; no artificial navigation delay. */
@media(prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation:bb-soft-out .16s ease-out both}
 ::view-transition-new(root){animation:bb-soft-in .3s cubic-bezier(.2,.7,.2,1) both}
 html:not(.bb-a11y-motion) .category-card,html:not(.bb-a11y-motion) .accessory-option{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
 html:not(.bb-a11y-motion) .accessory-symbol svg{transition:transform .35s ease}
 @media(hover:hover){html:not(.bb-a11y-motion) .category-card:hover,html:not(.bb-a11y-motion) .accessory-option:hover{transform:translateY(-4px);border-color:#b8beaa;box-shadow:0 9px 20px #303a2a10}html:not(.bb-a11y-motion) .accessory-category:hover svg{transform:rotate(-3deg)}}
}
@keyframes bb-soft-out{to{opacity:0}}
@keyframes bb-soft-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}.category-card:hover,.accessory-option:hover{transform:none!important}}
.bb-a11y-motion::view-transition-old(root),.bb-a11y-motion::view-transition-new(root){animation:none!important}
/* Category navigation lives with the catalog; repair links live with the workshop. */
.bb-tools-links{display:none!important}
body:not([data-page="workshop"]) [data-owner-toolbar]{display:none!important}
.catalog-categories{padding-top:20px;padding-bottom:20px}
.hero-slide .actions{flex-wrap:wrap;gap:12px}
.hero-slide [data-tracking-cta]{margin-top:0}

/* Responsive audit: keep categories visible without pushing the catalog away. */
.categories .category-card:focus-visible{outline:3px solid #8b632a;outline-offset:3px}
.catalog-categories{scroll-margin-top:160px}
@media(min-width:700px) and (max-width:1050px){
 .categories{padding-inline:24px}
 .categories .category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
 .categories .category-card,.categories .category-card[data-accessories-card]{grid-column:auto;min-height:148px}
 .categories .category-body{padding:11px 9px}
 .categories .category-body strong{font-size:12px}
 .categories .category-card:before{inset:8px 12px 44px}
 .categories .accessory-symbol{inset:8px 10px 46px}
}
@media(max-width:699px){
 .categories .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .categories .category-card{min-height:118px}
 .categories .category-card:before{inset:7px 16px 38px}
 .categories .category-body{padding:9px 12px}
 .categories .category-body strong{font-size:13px}
 .categories .category-card[data-accessories-card]{grid-column:1/-1;min-height:82px;display:flex;align-items:center;justify-content:center;gap:14px}
 .categories .accessory-category .accessory-symbol{position:static;display:block;flex:0 0 104px;width:104px;height:64px}
 .categories .accessory-category .category-body{position:static;width:auto;background:transparent;border:0;padding:10px 0}
 .categories .accessory-category .category-body strong{font-size:14px}
 input,select,textarea{font-size:16px}
 .home-blog .button{white-space:normal;min-height:44px}
}
.catalog-load-hint{padding:22px;border:1px solid #d9ddcf;border-radius:8px;line-height:1.8}
.catalog-load-hint a{text-decoration:underline;text-underline-offset:3px}

/* Subtle motion, with full respect for reduced-motion preferences. */
@media(prefers-reduced-motion:no-preference){
 html:not(.bb-a11y-motion) .subpage-card,html:not(.bb-a11y-motion) .tools-card,html:not(.bb-a11y-motion) .bb-local-answers article{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
 html:not(.bb-a11y-motion) .activity-card img{transition:transform .4s ease}
 html:not(.bb-a11y-motion) .button{transition:background-color .2s ease,color .2s ease,transform .16s ease,box-shadow .2s ease}
 html:not(.bb-a11y-motion) .button:active:not(:disabled){transform:scale(.98)}
 @media(hover:hover){
  html:not(.bb-a11y-motion) .activity-card:hover img{transform:scale(1.025)}
  html:not(.bb-a11y-motion) .subpage-card:hover,html:not(.bb-a11y-motion) .tools-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px #303a2a0c}
 }
}
.bb-a11y-motion .bb-enter{animation:none!important}
@media(max-width:700px){
.hero-slide[style*="atelier-1600.webp"]:before,.subpage-hero[style*="atelier-1600.webp"]:before{background-image:url('assets/atelier-960.webp')}
.hero-slide[style*="ecole-1600.webp"]:before,.subpage-hero[style*="ecole-1600.webp"]:before{background-image:url('assets/ecole-960.webp')}
.hero-slide[style*="boutique-1600.webp"]:before,.subpage-hero[style*="boutique-1600.webp"]:before{background-image:url('assets/boutique-960.webp')}
}

/* Mobile performance: no layout-property animations; keep the same logo and images. */
.header,.brand,.brand .brand-logo,.trust-bar,.site-links{transition-property:opacity,transform!important}
.eyebrow,.section .eyebrow,.home-blog .eyebrow,.contact-hours .eyebrow,.bb-enquiry-section .eyebrow{color:#76592e}
.activity-card span{color:#4d5b3e}
footer [data-site="footer"]{color:#535b4c}
.carousel-controls>div{gap:4px}
.carousel-controls [data-slide]{width:28px;height:28px;padding:0;display:grid;place-items:center;border:0;background:transparent;border-radius:50%;transition:opacity .2s ease}
.carousel-controls [data-slide]::before{content:"";display:block;width:8px;height:8px;border:1px solid currentColor;border-radius:50%}
.carousel-controls [data-slide].is-active{background:transparent}
.carousel-controls [data-slide].is-active::before{background:currentColor}
.utility-strip .social-strip{gap:4px}
.utility-strip .social-strip a{width:26px;height:26px;flex:0 0 26px}
@media(max-width:650px){
 .utility-strip .social-strip{gap:2px}
 .utility-strip .social-strip a{width:24px;height:26px;flex-basis:24px}
 .shop-image .watch-alternate:not(.is-ready){display:none}
 .shop-skeleton{animation:none;background:#efeee7}
}

@media(max-width:700px){
 html:not(.bb-a11y-motion) .hero-slide:first-child.is-active .hero-content h1,
 html:not(.bb-a11y-motion) .hero-slide:first-child.is-active .hero-content>p:not(.eyebrow){animation:none}
}

/* The first hero photo is a real, high-priority image, with the same crop. */
.hero-slide:first-child:before{display:none}
.hero-initial-image{position:absolute;inset:0 42% 0 0;width:58%;height:100%;object-fit:cover;object-position:center}
@media(max-width:650px){.hero-initial-image{inset:144px 0 45% 0;width:100%;height:calc(55% - 144px)}}