/** Shopify CDN: Minification failed

Line 129:0 Unexpected "}"

**/
/* Belle et Blanc - KYHA-inspired homepage sections (custom, scoped under .beb-kyha) */
.beb-kyha{--beb-ink:#211d18;--beb-paper:#f7f7f6;--beb-grey:#ededeb;--beb-taupe:#8a795f;
  --beb-serif:var(--font-heading--family,'Playfair Display',Georgia,serif);
  --beb-sans:var(--font-body--family,system-ui,sans-serif);
  box-sizing:border-box}
.beb-kyha *,.beb-kyha *::before,.beb-kyha *::after{box-sizing:border-box}
.beb-kyha img{display:block;width:100%;height:100%;object-fit:cover}
.beb-kyha a{color:inherit;text-decoration:none}

/* shared bits */
.beb-eyebrow{font-family:var(--beb-sans);font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;font-weight:400;color:var(--beb-taupe);margin:0}
.beb-cta{display:inline-block;font-family:var(--beb-sans);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid currentColor;transition:opacity .3s,letter-spacing .3s}
.beb-cta:hover{opacity:.7;letter-spacing:.3em}
.beb-cta--ghost{border-bottom-color:rgba(255,255,255,.55)}

.beb-imgwrap{display:block;position:relative;overflow:hidden;background:var(--beb-grey)}
.beb-imgwrap>img{transition:transform 1.3s cubic-bezier(.2,.6,.2,1)}
.beb-imgwrap:hover>img{transform:scale(1.045)}
.beb-imgwrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 48%,rgba(0,0,0,.10) 70%,rgba(0,0,0,.42))}
.beb-lbl{position:absolute;z-index:3;left:44px;bottom:42px;color:#fff;text-shadow:0 1px 22px rgba(0,0,0,.5)}
.beb-lbl h3{font-family:var(--beb-serif);font-weight:400;font-size:30px;letter-spacing:.07em;text-transform:uppercase;line-height:1;margin:0}
.beb-lbl span{display:inline-block;margin-top:16px;font-family:var(--beb-sans);font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.85);padding-bottom:5px}

/* HERO */
.beb-hero{position:relative;height:100svh;min-height:640px;color:#fff;overflow:hidden}
.beb-hero__media{position:absolute;inset:0}
.beb-hero::after{content:"";position:absolute;inset:0;z-index:1;background:
  linear-gradient(180deg,rgba(20,18,15,.34),rgba(20,18,15,.02) 30%,rgba(20,18,15,.05) 60%,rgba(20,18,15,.42)),
  linear-gradient(90deg,rgba(20,18,15,.34),rgba(20,18,15,0) 45%)}
.beb-hero__copy{position:absolute;z-index:2;left:44px;bottom:16vh;max-width:640px}
.beb-hero__title{font-family:var(--beb-serif);font-weight:400;font-size:clamp(58px,9vw,132px);letter-spacing:.05em;line-height:.98;margin:.1em 0 0}
.beb-hero__sub{margin:16px 0 26px;font-family:var(--beb-sans);font-size:15px;letter-spacing:.06em;font-weight:300;opacity:.95;max-width:36ch}
.beb-hero__ctas{display:flex;gap:26px;flex-wrap:wrap;align-items:center}
.beb-hero__scroll{position:absolute;z-index:2;left:50%;bottom:26px;transform:translateX(-50%);width:1px;height:52px;background:rgba(255,255,255,.4);overflow:hidden}
.beb-hero__scroll span{position:absolute;top:-52px;left:0;width:1px;height:52px;background:#fff;animation:beb-scroll 2.4s cubic-bezier(.7,0,.3,1) infinite}
@keyframes beb-scroll{0%{transform:translateY(0)}60%,100%{transform:translateY(104px)}}

/* 2-UP */
.beb-duo{display:grid;grid-template-columns:1fr 1fr}
.beb-duo .beb-imgwrap{aspect-ratio:5/6}

/* FULL BAND */
.beb-band .beb-imgwrap{height:82svh;min-height:520px}

/* DISCOVER 3-UP */
.beb-discover{padding:76px 0 4px;background:#fff}
.beb-discover__eyebrow{text-align:center;font-family:var(--beb-serif);font-size:15px;letter-spacing:.42em;text-transform:uppercase;color:var(--beb-ink);margin:0 0 52px;font-weight:400}
.beb-trio{display:grid;grid-template-columns:repeat(3,1fr)}
.beb-trio .beb-imgwrap{aspect-ratio:3/4}
.beb-trio .beb-lbl h3{font-size:24px}

/* scroll reveal (progressive enhancement: visible by default, only armed when JS runs) */
.beb-kyha [data-reveal]{opacity:1;transform:none;transition:opacity 1s ease,transform 1s ease}
html.beb-js .beb-kyha [data-reveal]{opacity:0;transform:translateY(22px)}
html.beb-js .beb-kyha [data-reveal].is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html.beb-js .beb-kyha [data-reveal]{opacity:1;transform:none;transition:none}.beb-hero__scroll span{animation:none}}

/* focus visibility */
.beb-kyha a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.beb-discover a:focus-visible,.beb-kyha .beb-cta:focus-visible{outline-color:var(--beb-ink)}

@media(max-width:860px){
  .beb-hero__copy{left:24px;right:24px;bottom:14vh}
  .beb-duo{grid-template-columns:1fr}
  .beb-trio{grid-template-columns:1fr}
  .beb-lbl{left:26px;bottom:30px}
  .beb-lbl h3{font-size:26px}
}

/* MADE TO ORDER / PROCESS */
.beb-process{background:var(--beb-paper);padding:96px 6vw;text-align:center;color:var(--beb-ink)}
.beb-process .beb-eyebrow{display:block;margin-bottom:18px}
.beb-process__title{font-family:var(--beb-serif);font-weight:400;font-size:clamp(30px,3.4vw,48px);letter-spacing:.01em;margin:0 auto 20px}
.beb-process__intro{font-family:var(--beb-sans);font-weight:300;max-width:56ch;margin:0 auto 60px;color:#5a5346;line-height:1.8}
.beb-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;max-width:1080px;margin:0 auto}
.beb-step__n{font-family:var(--beb-serif);font-size:34px;color:var(--beb-taupe);letter-spacing:.05em}
.beb-step__t{font-family:var(--beb-serif);font-size:22px;margin:14px 0 12px;letter-spacing:.03em}
.beb-step__d{font-family:var(--beb-sans);font-weight:300;font-size:14px;color:#5a5346;line-height:1.75;max-width:32ch;margin:0 auto}

/* VISIT / MAP */
.beb-visit{display:grid;grid-template-columns:1fr 1fr;background:#fff}
.beb-visit__text{display:flex;flex-direction:column;justify-content:center;padding:8vw 6vw;color:var(--beb-ink)}
.beb-visit__text .beb-eyebrow{margin-bottom:16px}
.beb-visit__title{font-family:var(--beb-serif);font-weight:400;font-size:clamp(30px,3.2vw,46px);margin:0 0 22px;letter-spacing:.01em}
.beb-visit__meta{font-family:var(--beb-sans);font-weight:300;font-size:15px;line-height:2;color:#4f483d;margin:0 0 28px}
.beb-visit__meta strong{font-weight:400}
.beb-visit__map{min-height:460px;position:relative;background:var(--beb-grey)}
.beb-visit__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(.95)}

@media(max-width:860px){
  .beb-steps{grid-template-columns:1fr;gap:38px}
  .beb-visit{grid-template-columns:1fr}
  .beb-visit__map{min-height:340px}
}

/* hero eyebrow legibility on light imagery */
.beb-hero .beb-eyebrow{color:rgba(255,255,255,.9)}

/* hero slideshow crossfade */
.beb-hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.beb-hero__slide.is-active{opacity:1}
html:not(.beb-js) .beb-hero__slide{opacity:1}
html:not(.beb-js) .beb-hero__slide~.beb-hero__slide{display:none}

/* ============ KYHA REFINEMENTS (2026-07-26) ============ */
/* (2) unified tonal grade across homepage imagery */
.beb-imgwrap img,.beb-hero__slide img{filter:brightness(1.07) saturate(.85) contrast(1.02)}

/* (3 stand-in) Ken Burns disabled: it was cropping the model's head. Slideshow crossfade provides the motion. */

/* (5) refined slow motion + image mask reveal */
.beb-kyha [data-reveal]{transition:opacity 1.25s cubic-bezier(.16,.84,.44,1),transform 1.25s cubic-bezier(.16,.84,.44,1)}
html.beb-js .beb-kyha [data-reveal]{transform:translateY(28px)}
html.beb-js .beb-imgwrap[data-reveal]{clip-path:inset(0 0 12% 0);opacity:0}
html.beb-js .beb-imgwrap[data-reveal].is-in{clip-path:inset(0 0 0 0);opacity:1;transition:clip-path 1.4s cubic-bezier(.16,.84,.44,1),opacity 1.2s ease}

/* (6) more negative space, less clutter */
.beb-discover{padding:118px 0 8px}
.beb-discover__eyebrow{margin-bottom:64px}
.beb-process{padding:128px 6vw}
.beb-process__intro{margin-bottom:74px}
.beb-visit__text{padding:9vw 7vw}

}

/* (4) minimal product cards: subtle hover zoom, serif titles, airy */
.ui-test-product-list .product-card,.ui-test-product-list .card-gallery{border:0!important}
.ui-test-product-list img{transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.ui-test-product-list .product-card:hover img{transform:scale(1.045)}
.ui-test-product-list .product-card__title,.ui-test-product-list .product-card a{font-family:var(--font-heading--family) !important;letter-spacing:.02em}

/* (7) editorial story section */
.beb-story{position:relative;height:96svh;min-height:620px;color:#fff;overflow:hidden}
body.shot .beb-story{height:820px}
.beb-story__media{position:absolute;inset:0}
.beb-story::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,15,.28),rgba(20,18,15,0) 40%,rgba(20,18,15,.5))}
.beb-story__inner{position:absolute;z-index:2;inset:auto 0 0 0;text-align:center;padding:0 6vw 12vh}
.beb-story__eyebrow{font-family:var(--beb-sans);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:rgba(255,255,255,.85);margin:0 0 18px}
.beb-story__title{font-family:var(--beb-serif);font-weight:400;font-size:clamp(40px,6vw,92px);letter-spacing:.03em;line-height:1;margin:0 0 22px}
.beb-story__sub{font-family:var(--beb-sans);font-weight:300;font-size:15px;letter-spacing:.05em;max-width:46ch;margin:0 auto 30px;opacity:.94}
.beb-story .beb-cta{color:#fff}
@media(max-width:860px){.beb-story__inner{padding-bottom:14vh}}

/* ============ COMING SOON (Veils & Accessories) ============ */
.beb-soon{position:relative;min-height:90svh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;padding:12vh 6vw}
.beb-soon__media{position:absolute;inset:0}
.beb-soon__media img{width:100%;height:100%;object-fit:cover;filter:brightness(1.03) saturate(.85) contrast(1.01)}
.beb-soon::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,15,.5),rgba(20,18,15,.32) 45%,rgba(20,18,15,.62))}
.beb-soon__inner{position:relative;z-index:2;max-width:640px}
.beb-soon__eyebrow{font-family:var(--beb-sans);font-size:14px;letter-spacing:.4em;text-transform:uppercase;color:rgba(255,255,255,.9);margin:0 0 24px}
.beb-soon__title{font-family:var(--beb-serif);font-weight:400;font-size:clamp(46px,7vw,104px);letter-spacing:.04em;line-height:1;margin:0 0 24px}
.beb-soon__sub{font-family:var(--beb-sans);font-weight:300;font-size:16px;line-height:1.8;letter-spacing:.02em;max-width:46ch;margin:0 auto 38px;opacity:.95}
.beb-soon__form{display:flex;max-width:420px;margin:0 auto;border-bottom:1px solid rgba(255,255,255,.6)}
.beb-soon__form input{flex:1;background:transparent;border:0;padding:12px 2px;color:#fff;font-family:var(--beb-sans);font-size:14px;letter-spacing:.03em;outline:none}
.beb-soon__form input::placeholder{color:rgba(255,255,255,.7)}
.beb-soon__form button{background:transparent;border:0;color:#fff;font-family:var(--beb-sans);font-size:11px;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;padding:0 4px}
.beb-soon__note{font-family:var(--beb-sans);font-size:12px;letter-spacing:.04em;margin-top:16px;opacity:.85}
.beb-soon__ok{font-family:var(--beb-serif);font-size:20px;margin-top:8px}
.beb-soon__back{display:inline-block;margin-top:30px;font-family:var(--beb-sans);font-size:11px;letter-spacing:.26em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:5px}

/* ============ KATE MARKUP 20/08/2026 ============ */
/* (#2,#17,#28) remove decorative gold eyebrow lines site-wide */
.beb-eyebrow::before,.beb-kyha .beb-eyebrow::before{display:none!important}
/* (#18) hero secondary CTA as a clear outlined button */
.beb-hero__btn{display:inline-block;font-family:var(--beb-sans);font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:#fff;padding:15px 30px;border:1px solid rgba(255,255,255,.85);transition:background .3s,letter-spacing .3s}
.beb-hero__btn:hover{background:rgba(255,255,255,.15);letter-spacing:.28em}
/* (#12) legibility: dark gradient plate behind designer collection names */
.ui-test-collection-list .collection-card{position:relative;overflow:hidden}
/* 23/09: the card is its own stacking context, so a card-level ::after paints OVER the caption. Veil moved onto the caption's own ::before (z-index -1) so it sits above the image but BEHIND the text. */
.ui-test-collection-list .collection-card--image-bg::after{display:none !important}
.ui-test-collection-list .collection-card__content::before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.30) 42%,rgba(0,0,0,.62) 72%,rgba(0,0,0,.80) 100%)}
.ui-test-collection-list .collection-card__content{position:relative;z-index:3;width:100% !important;box-sizing:border-box;padding:96px 18px 28px !important;background:none} /* #60 23/09: solid white caption, no lift or shadow (gradient plate carries legibility) */
.ui-test-collection-list .collection-card__content *{color:#ffffff !important;font-weight:500 !important;text-shadow:none !important}
.ui-test-collection-list .collection-card__content{position:relative;z-index:2}
/* (#24) large body headings sized to fit one line on desktop */
@media(min-width:750px){.rte h2{font-size:clamp(30px,2.6vw,38px);text-wrap:balance}}
/* (#13) larger discover tile labels */
.beb-trio .beb-lbl h3{font-size:30px}
/* (#14) tighten whitespace below the DISCOVER heading */
.beb-discover{padding-top:78px}
.beb-discover__eyebrow{margin-bottom:34px}
/* (#7) uniform, correctly-sized header image on real-bride pages */
.bride-hero{margin:0 0 12px}
.bride-hero img{display:block;width:100%;max-height:660px;object-fit:cover;object-position:center 20%}
@media(max-width:749px){.bride-hero img{max-height:460px}}
/* product card titles: larger + darker for legibility (overrides rte gold preset) */
.product-card [class*="__title"],.product-card [class*="__title"] p,.product-card [class*="__title"] a,.product-card__title,.product-card__title a{color:#262626 !important;font-size:1.3rem !important;line-height:1.3 !important}

/* Sold-out badge (mirrors WordPress "SOLD OUT" card badge), added 07/09/2026 */
.product-badges__badge{text-transform:uppercase!important;letter-spacing:.12em;font-weight:600;font-size:12px;padding:9px 16px;background:#fbf6f0!important;color:#242020!important;border:1px solid #ded6cb;box-shadow:0 2px 5px rgba(0,0,0,.04);border-radius:0;}

/* SEO intro section (homepage H1 + boutique copy), 07/09/2026 */
.beb-seo{padding:clamp(56px,7vw,110px) 0;background:#fff;}
.beb-seo__inner{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,56px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:center;}
.beb-seo__title{font-family:var(--font-heading--family);font-weight:400;font-size:clamp(30px,3.4vw,46px);line-height:1.12;letter-spacing:-.005em;margin:0 0 22px;color:#111;}
.beb-seo__title em{font-style:italic;}
.beb-seo__body p{font-size:15px;line-height:1.8;color:#3a3a3a;margin:0 0 16px;max-width:62ch;}
.beb-seo__body p:last-child{margin-bottom:0;}
.beb-seo__link{display:inline-block;margin-top:26px;}
.beb-seo__media{aspect-ratio:3/4;overflow:hidden;background:#f2efe9;}
.beb-seo__img{width:100%;height:100%;object-fit:cover;object-position:center 12%;display:block;}
@media (max-width:749px){.beb-seo__inner{grid-template-columns:1fr;gap:28px;}.beb-seo__media{order:-1;aspect-ratio:4/5;}}

/* mobile header grid fix (logo was pushed off-canvas by an unplaced drawer + button block), 07/09/2026 */
@media (max-width:749px){
  #header-component .header__columns{grid-template-columns:44px 44px minmax(0,1fr) 44px 44px!important;grid-template-areas:'leftA leftB center rightA rightB'!important;}
  #header-component .header__drawer{grid-area:leftA;width:44px;min-width:0;justify-content:flex-start;}
  #header-component .header-logo{grid-area:center;justify-self:center;min-width:0;max-width:100%;}
  #header-component .header__column--right{display:contents!important;}
  #header-component .header__column--right .button,#header-component .header__column--right a.button,#header-component .header__column--right .header-cta{display:none!important;}
  #header-component .search-action{grid-area:rightA;}
  #header-component header-actions{grid-area:rightB;}
  #header-component .header__columns>*:not(.header__drawer):not(.header-logo):not(.header__column):not(.search-action):not(header-actions):not(header-menu):not(header-drawer){display:none!important;}
}

/* menu booking link desktop-hide: 'Book an Appointment' lives in the drawer on mobile, header button on desktop */
@media (min-width:750px){ #header-component header-menu a[href="/pages/appointments"]{display:none!important;} }
@media (max-width:749px){ #header-component .header__columns>.header__column--right>*:not(.search-action):not(header-actions){display:none!important;} }

/* beb-header-book mobile: booking CTA moves into the drawer menu below 750px */
@media (max-width:749px){ #header-component a.beb-header-book{display:none!important;} #header-component header-actions{width:auto;min-width:0;justify-content:flex-end;} }

/* ===== The Journal (blog) design, 08/09/2026 ===== */
.beb-journal{padding:clamp(48px,6vw,96px) clamp(20px,5vw,72px) 80px;color:var(--beb-ink);background:var(--beb-paper)}
.beb-journal__head{max-width:1280px;margin:0 auto 48px}
.beb-journal__title{font-family:var(--beb-serif);font-weight:400;font-size:clamp(34px,4.4vw,64px);line-height:1.05;letter-spacing:.005em;margin:14px 0 18px}
.beb-journal__intro{font-family:var(--beb-sans);font-weight:300;font-size:16px;line-height:1.75;color:#5a5346;max-width:58ch;margin:0 0 30px}
.beb-journal__filters{display:flex;gap:28px;border-top:1px solid #e2ded6;border-bottom:1px solid #e2ded6;padding:14px 0}
.beb-journal__filters a{font-family:var(--beb-sans);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:#7a7264;text-decoration:none;padding-bottom:3px;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.beb-journal__filters a:hover,.beb-journal__filters a[aria-current]{color:var(--beb-ink);border-color:var(--beb-ink)}
.beb-journal__featured{max-width:1280px;margin:0 auto 72px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;text-decoration:none;color:inherit}
.beb-journal__featured-img{aspect-ratio:4/3;background:var(--beb-grey)}
.beb-journal__featured-img img,.beb-jcard__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.beb-journal__featured:hover img,.beb-jcard:hover .beb-jcard__img img{transform:scale(1.03)}
.beb-journal__featured .beb-eyebrow span,.beb-jcard__meta time,.beb-art__meta time{margin-left:14px;padding-left:14px;border-left:1px solid #d6d1c7;color:#8f877a;letter-spacing:.14em;text-transform:none;font-size:.74rem}
.beb-journal__featured-title{font-family:var(--beb-serif);font-weight:400;font-size:clamp(28px,3.2vw,46px);line-height:1.12;margin:16px 0 18px}
.beb-journal__featured-excerpt{font-family:var(--beb-sans);font-weight:300;font-size:15px;line-height:1.8;color:#4f483d;margin:0 0 26px;max-width:52ch}
.beb-journal__grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,44px) clamp(20px,2.4vw,36px)}
.beb-jcard{display:flex;flex-direction:column;min-width:0}
.beb-jcard__img{aspect-ratio:4/5;display:block;margin-bottom:18px}
.beb-jcard__noimg{display:block;width:100%;height:100%;background:linear-gradient(160deg,#ece8e1,#d9d2c6)}
.beb-jcard__meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 0;margin:0 0 10px}
.beb-jcard__title{font-family:var(--beb-serif);font-weight:400;font-size:clamp(21px,1.7vw,26px);line-height:1.2;margin:0 0 10px;letter-spacing:.005em}
.beb-jcard__title a{color:inherit;text-decoration:none}
.beb-jcard__title a:hover{color:var(--beb-taupe)}
.beb-jcard__excerpt{font-family:var(--beb-sans);font-weight:300;font-size:14.5px;line-height:1.75;color:#5a5346;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.beb-jcard__more{align-self:flex-start;color:var(--beb-taupe);text-decoration:none;margin-top:auto}
.beb-journal__pages{max-width:1280px;margin:64px auto 0;display:flex;justify-content:center;gap:18px;font-family:var(--beb-sans);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase}
.beb-journal__pages a,.beb-journal__pages span{color:#7a7264;text-decoration:none;padding:6px 4px;border-bottom:1px solid transparent}
.beb-journal__pages a:hover,.beb-journal__pages [aria-current]{color:var(--beb-ink);border-color:var(--beb-ink)}
/* article */
.beb-art{color:var(--beb-ink);background:#fff}
.beb-art__hero{position:relative;min-height:62svh;display:flex;align-items:flex-end;background:#2a2620;color:#fff;overflow:hidden}
.beb-art__hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.beb-art__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 35%,rgba(0,0,0,.55) 100%)}
.beb-art__hero-inner{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:clamp(48px,7vw,110px) clamp(20px,5vw,72px) clamp(40px,5vw,72px)}
.beb-art__hero .beb-eyebrow,.beb-art__hero .beb-eyebrow a,.beb-art__hero time{color:#fff;text-decoration:none;border-color:rgba(255,255,255,.5)}
.beb-art__hero--text{min-height:0;background:var(--beb-paper);color:var(--beb-ink)}
.beb-art__hero--text::after{display:none}
.beb-art__hero--text .beb-eyebrow,.beb-art__hero--text .beb-eyebrow a{color:var(--beb-taupe)}
.beb-art__hero--text time{color:#8f877a}
.beb-art__title{font-family:var(--beb-serif);font-weight:400;font-size:clamp(34px,5vw,72px);line-height:1.04;letter-spacing:.005em;margin:18px 0 0;max-width:18ch;text-shadow:0 1px 30px rgba(0,0,0,.25)}
.beb-art__hero--text .beb-art__title{text-shadow:none}
.beb-art__body{max-width:68ch;margin:0 auto;padding:clamp(48px,6vw,88px) 20px 24px;font-family:var(--beb-sans);font-weight:300;font-size:17px;line-height:1.85;color:#2f2a24}
.beb-art__body p{margin:0 0 1.35em;text-align:left;font-style:normal}
.beb-art__body p:first-of-type{font-size:19px;line-height:1.75;color:var(--beb-ink)}
.beb-art__body h2,.beb-art__body h3{font-family:var(--beb-serif);font-weight:400;letter-spacing:.005em;color:var(--beb-ink);margin:1.8em 0 .6em;line-height:1.2}
.beb-art__body h2{font-size:30px}.beb-art__body h3{font-size:23px}
.beb-art__body blockquote{margin:2em 0;padding:0 0 0 24px;border-left:1px solid var(--beb-taupe);font-family:var(--beb-serif);font-size:22px;line-height:1.5;color:var(--beb-ink)}
.beb-art__body a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--beb-taupe)}
.beb-art__body ul,.beb-art__body ol{padding-left:1.3em;margin:0 0 1.35em}
.beb-art__body iframe{max-width:100%}
.beb-art__fig{margin:2.2em calc(50% - min(50vw - 20px,540px));width:min(100vw - 40px,1080px)}
.beb-art__fig img{width:100%;height:auto;display:block;background:var(--beb-grey)}
.beb-art__fig figcaption{font-size:12.5px;letter-spacing:.06em;color:#8f877a;margin-top:10px;text-align:center}
.beb-art__gallery{display:grid;gap:14px;margin:2.2em calc(50% - min(50vw - 20px,540px));width:min(100vw - 40px,1080px)}
.beb-art__gallery--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.beb-art__gallery--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.beb-art__gallery .beb-art__fig{margin:0;width:auto}
.beb-art__gallery .beb-art__fig img{aspect-ratio:4/5;object-fit:cover}
.beb-art__gallery--3 .beb-art__fig:nth-child(7n+1){grid-column:span 2}
.beb-art__gallery--3 .beb-art__fig:nth-child(7n+1) img{aspect-ratio:8/5}
.beb-art__wearing{max-width:68ch;margin:0 auto;padding:12px 20px 48px}
.beb-art__wearing .beb-eyebrow{margin-bottom:16px}
.beb-art__gowns{display:flex;flex-wrap:wrap;gap:14px}
.beb-art__gown{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;text-decoration:none;color:inherit;border:1px solid #e2ded6;padding:10px 18px 10px 10px;background:var(--beb-paper);transition:border-color .3s}
.beb-art__gown:hover{border-color:var(--beb-taupe)}
.beb-art__gown img{width:64px;height:80px;object-fit:cover;display:block}
.beb-art__gown-name{display:block;font-family:var(--beb-serif);font-size:20px;line-height:1.1}
.beb-art__gown-vendor{display:block;font-family:var(--beb-sans);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--beb-taupe);margin-top:5px}
.beb-art__nav{max-width:1280px;margin:0 auto;padding:36px clamp(20px,5vw,72px);border-top:1px solid #e2ded6;border-bottom:1px solid #e2ded6;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}
.beb-art__nav a{text-decoration:none;color:inherit;font-family:var(--beb-serif);font-size:19px;line-height:1.25}
.beb-art__nav .beb-eyebrow{display:block;margin-bottom:6px;font-size:.66rem}
.beb-art__nav-next{text-align:right}
.beb-art__back{font-family:var(--beb-sans)!important;font-size:.72rem!important;color:var(--beb-taupe)}
.beb-art__related{max-width:1280px;margin:0 auto;padding:clamp(48px,6vw,88px) clamp(20px,5vw,72px) 24px}
.beb-art__related .beb-eyebrow{margin-bottom:28px}
.beb-art__cta{background:var(--beb-paper);text-align:center;padding:clamp(64px,8vw,120px) 20px;margin-top:56px}
.beb-art__cta h2{font-family:var(--beb-serif);font-weight:400;font-size:clamp(30px,3.6vw,50px);margin:16px auto 14px;max-width:20ch;line-height:1.1}
.beb-art__cta p{font-family:var(--beb-sans);font-weight:300;font-size:15px;line-height:1.8;color:#5a5346;max-width:48ch;margin:0 auto 32px}
.beb-art__cta-btn{display:inline-block;font-family:var(--beb-sans);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;padding:16px 34px;border:1px solid var(--beb-ink);color:var(--beb-ink);text-decoration:none;transition:background .3s,color .3s}
.beb-art__cta-btn:hover{background:var(--beb-ink);color:#fff}
/* feed */
.beb-jfeed{padding:clamp(56px,7vw,100px) clamp(20px,5vw,72px);background:var(--beb-paper)}
.beb-jfeed__head{max-width:1280px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.beb-jfeed__title{font-family:var(--beb-serif);font-weight:400;font-size:clamp(28px,3.2vw,46px);margin:12px 0 0;line-height:1.1}
@media (max-width:989px){.beb-journal__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.beb-art__gallery--3{grid-template-columns:repeat(2,minmax(0,1fr))}.beb-art__gallery--3 .beb-art__fig:nth-child(7n+1){grid-column:auto}.beb-art__gallery--3 .beb-art__fig:nth-child(7n+1) img{aspect-ratio:4/5}}
@media (max-width:749px){.beb-journal__featured{grid-template-columns:1fr;gap:20px}.beb-journal__grid{grid-template-columns:1fr;gap:40px}.beb-journal__filters{gap:18px;overflow-x:auto}.beb-art__hero{min-height:70svh}.beb-art__title{max-width:none}.beb-art__body{font-size:16.5px}.beb-art__gallery{gap:8px}.beb-art__nav{grid-template-columns:1fr;text-align:left}.beb-art__nav-next{text-align:left}.beb-jfeed__head{flex-direction:column;align-items:flex-start}}

.beb-art__gown-text{display:block;min-width:0}
.beb-art__gown{grid-template-columns:64px minmax(0,1fr)}

/* sold gown note + similar gowns, and empty-collection note, 10/09/2026 */
.beb-sold{max-width:1280px;margin:0 auto;padding:clamp(24px,4vw,56px) clamp(20px,5vw,72px) clamp(56px,7vw,96px);color:var(--beb-ink)}
.beb-sold__note{border-top:1px solid #e2ded6;border-bottom:1px solid #e2ded6;padding:clamp(32px,4vw,56px) 0;max-width:64ch}
.beb-sold__title,.beb-colnote__title{font-family:var(--beb-serif);font-weight:400;font-size:clamp(28px,3.2vw,44px);line-height:1.1;margin:14px 0 14px}
.beb-sold__text,.beb-colnote__text{font-family:var(--beb-sans);font-weight:300;font-size:16px;line-height:1.8;color:#4f483d;margin:0 0 26px;max-width:58ch}
.beb-sold__actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.beb-sold__btn{display:inline-block;font-family:var(--beb-sans);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;padding:16px 30px;border:1px solid var(--beb-ink);color:var(--beb-ink);text-decoration:none;transition:background .3s,color .3s}
.beb-sold__btn:hover{background:var(--beb-ink);color:#fff}
.beb-sold__similar{padding-top:clamp(40px,5vw,64px)}
.beb-sold__similar .beb-eyebrow{margin-bottom:24px}
.beb-sold__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.beb-sold__card{text-decoration:none;color:inherit;display:block}
.beb-sold__img{aspect-ratio:4/5;display:block;margin-bottom:12px}
.beb-sold__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.beb-sold__card:hover img{transform:scale(1.03)}
.beb-sold__name{display:block;font-family:var(--beb-serif);font-size:20px;line-height:1.15}
.beb-sold__vendor{display:block;font-family:var(--beb-sans);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--beb-taupe);margin-top:5px}
.beb-colnote{max-width:760px;margin:0 auto;padding:clamp(24px,4vw,48px) 20px clamp(72px,8vw,120px);text-align:center;color:var(--beb-ink)}
.beb-colnote .beb-sold__actions{justify-content:center}
@media (max-width:749px){.beb-sold__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* contact form proportions (10/09/2026): wider note column, shorter comment box, full-width fields */
.contact-form__input--textarea{min-height:150px;height:170px;max-height:220px;resize:vertical}
.contact-form .contact-form__input{width:100%}
@media (max-width:749px){.contact-form__input--textarea{height:150px}}

/* contact page width (10/09/2026) */
@media (min-width:990px){
  #MainContent .shopify-section:has([class*="__bd_contact_lines"]) .section-content-wrapper{grid-column:1 / -1;max-width:1040px;margin-inline:auto;width:100%;padding-inline:24px}
  #MainContent .shopify-section:has([class*="__bd_contact_lines"]) .group-block--width-fill > .layout-panel-flex--row{width:100%}
}

/* shared filled booking button (Kate, 10/09/2026): matches the header Book Appointment button */
.beb-btn{display:inline-block;font-family:var(--beb-sans);font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:#fff!important;background:var(--beb-ink,#1a1a1a);padding:15px 30px;border:1px solid var(--beb-ink,#1a1a1a);text-decoration:none;transition:background .3s,letter-spacing .3s}
.beb-btn:hover{background:#333;border-color:#333;letter-spacing:.28em;opacity:1}
.beb-visit__btn{margin-top:22px;align-self:flex-start;width:auto}

/* band label top on mobile (10/09/2026): keeps the Real Brides couple clear of the label */
@media (max-width:749px){
  .beb-band .beb-lbl{bottom:auto;top:30px}
  .beb-band .beb-imgwrap::after{background:linear-gradient(180deg,rgba(0,0,0,.40) 0%,rgba(0,0,0,.10) 26%,rgba(0,0,0,0) 45%,rgba(0,0,0,.16) 100%)}
}

/* hide the default Home page collection tile on /collections (10/09/2026) */

/* mobile sweep 11/09/2026: readable white text over pale imagery, and no horizontal wiggle */
@media (max-width:749px){
  .beb-hero::after{background:linear-gradient(180deg,rgba(20,18,15,.30) 0%,rgba(20,18,15,.02) 20%,rgba(20,18,15,.10) 40%,rgba(20,18,15,.60) 58%,rgba(20,18,15,.78) 80%,rgba(20,18,15,.84) 100%)}
  .beb-hero__copy{text-shadow:0 1px 16px rgba(0,0,0,.55),0 0 2px rgba(0,0,0,.35)}
  .beb-hero__btn{border-color:rgba(255,255,255,.95);background:rgba(20,18,15,.28)}
  .beb-story::after{background:linear-gradient(180deg,rgba(20,18,15,.20) 0%,rgba(20,18,15,.26) 30%,rgba(20,18,15,.58) 55%,rgba(20,18,15,.76) 100%)}
  .beb-story__title,.beb-story__sub,.beb-story .beb-eyebrow,.beb-story .beb-cta,.beb-story p{text-shadow:0 1px 16px rgba(0,0,0,.55),0 0 2px rgba(0,0,0,.35)}
  .beb-imgwrap::after{background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.66) 100%)}
  .beb-band .beb-imgwrap::after{background:linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.36) 28%,rgba(0,0,0,0) 50%,rgba(0,0,0,.18) 100%)}
  .beb-lbl{text-shadow:0 1px 14px rgba(0,0,0,.65),0 0 2px rgba(0,0,0,.4)}
  html,body{overflow-x:clip}
}

/* collection tile labels (11/09/2026): the theme painted its image-overlay gradient under the tile as a grey block; use a plain caption instead */
.collection-card:not(.collection-card--image-bg) .collection-card__content{background:none!important;padding:14px 0 0!important;height:auto!important}
.collection-card:not(.collection-card--image-bg) .collection-card__content .text-block,.collection-card:not(.collection-card--image-bg) .collection-card__content p{color:var(--beb-ink,#1a1a1a)!important;text-shadow:none!important;font-family:var(--beb-serif,var(--font-heading--family,serif));font-size:1.15rem;line-height:1.2;font-weight:400}
/* contact form submit spans the column on phones */
@media (max-width:749px){.contact-form button[type=submit],.contact-form .button{width:100%!important}}

/* hero sits below the header on phones (11/09/2026): the logo was landing on the model's face */
@media (max-width:749px){
  .beb-hero{background:#f7f7f6}
  .beb-hero__media,.beb-hero::after{top:var(--beb-hero-offset,144px)}
  .beb-hero .beb-hero__copy{bottom:12vh}
}

/* Markup review 17/09/2026 (Amelia, app.markup.io ac540dce). NOTE: section ids carry a per-theme numeric prefix, never scope CSS to them; use [id$="__key"] or :has(). */
/* #1 #11 #20 announcement bar smaller on phones and tablets */
.announcement-bar .announcement-bar__slide,.announcement-bar .announcement-bar__slide *{letter-spacing:.14em!important}
@media (max-width:989px){.announcement-bar .announcement-bar__slide,.announcement-bar .announcement-bar__slide *{font-size:.6rem!important;letter-spacing:.1em!important;white-space:nowrap}}
/* #22 mobile drawer menu items smaller */
@media (max-width:749px){.menu-drawer__menu-item-text,.menu-drawer__menu-item{font-size:15px!important;letter-spacing:.12em;text-transform:uppercase}}
/* #18 /collections heading down to the homepage H2 scale */
[id$="__collection_list_Wfgh3m"] h1{font-size:clamp(30px,2.6vw,38px)!important;line-height:1.1}
/* #12 contact hero heading smaller under 900px */
@media (max-width:899px){#MainContent .shopify-section:has([class*="__bd_contact_lines"]) h1{font-size:clamp(28px,6vw,36px)!important;line-height:1.1}}
/* #21 sold-out gowns move to the end of the grid (per page); pair with Best selling sort at publish */
.product-grid__item.is-sold-out{order:1}
/* #7 footer brand column: keep address and hours on natural lines */
.footer-content>:nth-child(1) .text-block p{white-space:normal;overflow-wrap:normal}
.footer-content>:nth-child(1){min-width:200px}
/* product gallery dots showed their slide numbers on top of the dots (seen in Markup shot 14) */
.slideshow-controls__dots button.slideshow-control{font-size:0!important;line-height:0!important;color:transparent}


/* 24/09/2026 QA finding 1: the homepage header uses the white overlay scheme (color-scheme-6),
   but since the 11/09 hero offset the header sits on a CREAM band under 750px, so the hamburger
   and search icons were #fff on #f7f7f6 = 1.0:1 contrast, effectively invisible.
   Desktop still overlays the hero photo, where white is correct, so this is scoped to <=749px. */
@media (max-width:749px){
  #header-component.color-scheme-6 .header__icon,
  #header-component.color-scheme-6 .header__icon svg,
  #header-component.color-scheme-6 .svg-wrapper,
  #header-component.color-scheme-6 .svg-wrapper svg{color:#2a2a2a !important}
}

/* 24/09/2026: from 750px up the header genuinely overlays the hero photo, where white is correct,
   but measured only 2.88:1 against the current image and the hero art changes. A soft shadow keeps
   the icons legible over any photo without altering the intended white-on-image look. */
@media (min-width:750px){
  #header-component.color-scheme-6 .header__icon svg,
  #header-component.color-scheme-6 .svg-wrapper svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.55)) drop-shadow(0 0 5px rgba(0,0,0,.35))}
}


/* ===================== 24/09/2026 QA deck batch ===================== */

/* QA 10: the /collections list renders alphabetically, so New Arrivals sat 7th.
   Pull it to the front presentationally rather than renaming the collection. */
.resource-list--grid > *:has(a[href="/collections/new-arrivals"]){order:-1}

/* QA 11: product grids inside a collection ran full bleed from 0px, while every other
   grid on the site (collections list, homepage designers) sits in the 40px page gutter.
   Most visible on a single-product collection, where the one card hugged the left edge. */
.product-grid{padding-inline:40px}
@media (max-width:749px){.product-grid{padding-inline:16px}}

/* QA 12/14: Real Brides is a card grid (47 images, 287 card nodes) rendered inside the
   theme's 672px narrow TEXT column. Give that one page the page width.
   Terms, Privacy, About and FAQ are deliberately NOT widened: they are plain prose at
   ~82 characters per line, and stretching body copy past that reduces readability. */
body:has(.rb-card) .section-content-wrapper{grid-column:1 / -1;max-width:1180px;margin-inline:auto}

/* QA 7 + 16: CTAs had no hover state at all. Spec from the deck: keep the dark fill,
   hover to #B89D6A. Applied to the theme button and both Belle button classes. */
.button:hover,
.beb-btn:hover,
.beb-hero__btn:hover{background-color:#B89D6A !important;border-color:#B89D6A !important;color:#ffffff !important}


/* #86 collection tile titles on small screens, 15/10/2026 (Kate: reduce font size so it renders correctly on mobile).
   The collection-card title uses the h3 preset at 2rem, which wraps to three lines on a phone.
   Desktop is untouched. */
@media (max-width: 749px) {
  .collection-card__content .text-block.h3 p,
  .collection-card__content [class*="__title"].h3 p {
    font-size: 1.05rem !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em;
  }
}
@media (min-width: 750px) and (max-width: 1023px) {
  .collection-card__content .text-block.h3 p,
  .collection-card__content [class*="__title"].h3 p {
    font-size: 1.5rem !important;
  }
}