@layer bricks, pxv;
@layer pxv{:where(.tlink a,.stats__txt a,.ft__tel,.ft__chat a,.ft__menu a){transition:background-size var(--dur-hover) var(--ease-out), color var(--dur-hover) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.ft__tel:hover,.ft__chat a:hover,.ft__menu a:hover{background-size:100% 1px}}
.hero__title:not(._){font-family:var(--serif);color:#000;letter-spacing:1.1px;font-size:clamp(27.375px,19.41px + 2.124vw,50px);font-weight:500;line-height:1.4}
.hero__title:not(._) span:not(._){color:var(--accent)}
.hero__sub:not(._){max-width:500px;color:var(--ink-soft);padding:5px 0 14px;font-size:14px;line-height:1.4}
.hero__cta .pxvb:not(._):focus-visible{outline-offset:4px;outline:2px solid #8a6d2f}
@media (width<=991px){
.hero__title:not(._){font-size:28px}
.hero__sub:not(._){font-size:12px}
}
@media (width<=767px){
.hero__copy:not(._){flex-direction:column;align-items:center;width:100%;display:flex}
.hero__title:not(._){text-align:center;letter-spacing:1.9px;width:100%;font-size:7.3vw}
.hero__sub:not(._){text-align:center;width:82%}
}
@media (prefers-reduced-motion:reduce){}
@media (width<=991px){
}
@media (width<=767px){
}}
.pxsf-track{position:relative;height:400vh;background:#f9f7f3}
.pxsf{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#f9f7f3}
.pxsf canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.pxsf-hero{position:absolute;left:0;right:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.2vh,14px);padding:0 var(--gutter,20px);text-align:center;pointer-events:none}
.pxsf-hero a{pointer-events:auto}
.pxsf-hero .hero__copy{align-items:center;text-align:center;margin:0 auto}
@keyframes pxsf-hint{0%,100%{transform:scaleY(.3);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}
@media (max-width:767px){
}
@media (prefers-reduced-motion:reduce){}
.pxsf-hero{top:0}
@media (max-height:860px){}
@media (max-height:720px){.pxsf-hero .hero__sub{display:none}}
.pxsf-hero{padding-top:calc(60px + clamp(18px,4vh,44px))}
.pxsf-hero .hero__copy{width:100%;max-width:760px;gap:0}
.pxsf-hero .hero__copy>*{min-width:0!important;max-width:100%}
.pxsf-hero .pxsf-eyebrow{margin:0 0 clamp(10px,1.6vh,16px);font:600 11px/1.2 var(--sans,sans-serif);letter-spacing:.24em;text-transform:uppercase;color:#d4436b}
.pxsf-hero .hero__title{width:auto;margin:0;font-size:clamp(31px,min(8.2vw,6.2vh),62px)!important;line-height:1.08;letter-spacing:-.005em;text-wrap:balance;color:#20211f}
.pxsf-hero .hero__title span{display:inline;color:#d4436b;font-style:italic}
.pxsf-hero .hero__sub{width:auto;max-width:34em;margin:clamp(12px,1.8vh,18px) auto 0;padding:0;font-size:clamp(13.5px,1.6vh,16px);line-height:1.55;text-wrap:pretty}
.pxsf-hero .hero__sub b{font-weight:600;color:#3d3b36}
.pxsf-cta{display:inline-flex;align-items:center;gap:14px;padding:0 10px 0 28px;font:600 12px/1 var(--sans,sans-serif);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:transform .35s cubic-bezier(.22,.6,.36,1),box-shadow .35s,background-color .35s}
@media (hover:hover){.pxsf-cta:hover{box-shadow:inset 0 0 0 1px rgb(201 169 98 / .9),0 18px 36px -16px rgb(32 33 31 / .6)}
}
.pxsf-cta:active{transform:scale(.97)}
@media (max-width:767px){.pxsf-hero{padding-left:20px;padding-right:20px}
.pxsf-hero .hero__sub{font-size:13.5px}}
.hdr__bar{will-change:transform}
.pxsf-hero{transition:transform .3s;will-change:transform}
body:has(.hdr.is-hidden:not(.is-open)) .pxsf-hero{transform:translateY(-44px)}
.pxsf{height:100lvh}
.pxsf-cta::after{content:no-open-quote;width:32px;height:32px;border-radius:50%;background:#d4436b url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%208h10M9%204l4%204-4%204%27%2F%3E%3C%2Fsvg%3E) center/14px no-repeat;transition:transform .35s cubic-bezier(.22,.6,.36,1)}
@media (hover:hover){.pxsf-cta:hover::after{transform:translateX(3px)}}
.brxe-button.pxsf-cta{border:0}
.pxsf-hero{padding-bottom:clamp(14px,2.5vh,28px)}
.pxsf-hero{isolation:isolate;--fd:clamp(170px,30vh,300px)}
.pxsf-hero::before{content:no-open-quote;position:absolute;inset:0;z-index:-1;pointer-events:none}
.pxsf-hero{background:linear-gradient(to bottom,#f9f7f3 0,rgb(249 247 243 / .8) 18%,rgb(249 247 243 / .55) 45%,rgb(249 247 243 / .3) 68%,rgb(249 247 243 / .1) 86%,rgb(249 247 243 / 0) 100%)}
@keyframes pxsf-show{to{opacity:1;transform:none}}
.bricks-is-frontend .pxsf-hero .hero__copy>*{opacity:0;transform:translateY(22px);filter:blur(6px);transition:opacity 1s cubic-bezier(.22,.6,.36,1),transform 1.2s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.22,.6,.36,1)}
.bricks-is-frontend .pxsf-hero:not(.in) .hero__copy>*{animation:pxsf-show .01s 8s forwards}
.pxsf-hero.in .hero__copy>*{opacity:1;transform:none;filter:none}
.pxsf-hero.in .hero__copy>:nth-child(2){transition-delay:.12s}
.pxsf-hero.in .hero__copy>:nth-child(3){transition-delay:.24s}
.pxsf-hero.in .hero__copy>:nth-child(4){transition-delay:.38s}
@media (prefers-reduced-motion:reduce){.bricks-is-frontend .pxsf-hero .hero__copy>*{transition:none;transform:none;filter:none}}
.bricks-is-frontend .pxsf-hero::before,.bricks-is-frontend .pxsf-hero{transition:opacity 1.1s cubic-bezier(.22,.6,.36,1),transform .3s}
.bricks-is-frontend .pxsf-hero:not(.in){background:none}
.bricks-is-frontend .pxsf-hero:not(.in)::before{opacity:0}
.pxsf-hero .pxsf-eyebrow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px}
.pxsf-hero .pxsf-eyebrow b{color:#20211f;font-weight:700}
.pxsf-ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 26px;margin-top:clamp(18px,2.8vh,28px)}
@media (hover:hover){}
.bricks-is-frontend .pxsf-photos{display:none!important}
@media (max-width:767px){}
.pxsf-hero,.bricks-is-frontend .pxsf-hero:not(.in){background:none}
@media (hover:hover){}
@media (max-width:767px){.pxsf-ctas{gap:10px}
}
@media (max-width:767px){}
.pxsf-hero .hero__sub{color:#3f3c36}
.pxsf-hero .pxsf-eyebrow img{width:58px;height:auto;margin-right:2px}
.pxsf-hero .pxsf-eyebrow p{margin:0}
.pxsf-cta{position:relative;isolation:isolate;min-height:52px;border-radius:999px;color:#20211f;background:linear-gradient(180deg,rgb(255 255 255 / .42),rgb(255 255 255 / .12) 45%,rgb(255 255 255 / .26));-webkit-backdrop-filter:blur(3px) saturate(1.6) brightness(1.06);backdrop-filter:blur(3px) saturate(1.6) brightness(1.06);box-shadow:0 1px 0 rgb(255 255 255 / .7) inset,0 -1px 0 rgb(255 255 255 / .35) inset,0 12px 30px -14px rgb(32 33 31 / .45),0 2px 6px -2px rgb(32 33 31 / .18);text-shadow:0 1px 0 rgb(255 255 255 / .6)}
.pxsf-cta::before{content:no-open-quote;position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1.5px;pointer-events:none;background:linear-gradient(180deg,rgb(255 255 255 / .95),rgb(255 255 255 / .2) 40%,rgb(201 169 98 / .35) 62%,rgb(255 255 255 / .85));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);filter:blur(.4px)}
@media (hover:hover){.pxsf-cta:hover{background:linear-gradient(180deg,rgb(255 255 255 / .55),rgb(255 255 255 / .2) 45%,rgb(255 255 255 / .34));transform:translateY(-2px)}}
.pxsf-cta::after{box-shadow:0 1px 0 rgb(255 255 255 / .55) inset,0 4px 10px -4px rgb(138 109 47 / .6)}
@media (max-width:767px){.pxsf-cta{min-height:48px}}
.pxsf-hero .pxsf-eyebrow p{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px}
@media (min-width:768px){body:has(.pxsf-track){--hdr-pad-y:max(0px,calc(clamp(10px,10px + 20 * calc((100vw - 360px) / 1560),30px) - 15px))}
body:has(.pxsf-track) .hdr__burger-lines{height:clamp(30px,2.6vw,40px)}
.pxsf-hero{padding-top:calc(44px + clamp(18px,4vh,40px))}}
@media (max-width:767px){.pxsf-hero{padding-top:calc(60px + clamp(18px,4vh,40px))}}
.pxsf-chips{position:absolute;left:0;right:0;bottom:calc(clamp(16px,3.5vh,32px) + 20px + env(safe-area-inset-bottom));z-index:3;display:flex;justify-content:center;pointer-events:none}
.pxsf-chips a{pointer-events:auto;position:relative;isolation:isolate;display:inline-flex;align-items:center;border-radius:999px;font:600 11px/1 var(--sans,sans-serif);text-transform:uppercase;color:#20211f;text-decoration:none;background:linear-gradient(180deg,rgb(255 255 255 / .6),rgb(255 255 255 / .28) 50%,rgb(255 255 255 / .42));-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);box-shadow:0 1px 0 rgb(255 255 255 / .75) inset,0 10px 24px -12px rgb(32 33 31 / .5);transition:transform .35s cubic-bezier(.22,.6,.36,1),background-color .35s}
.pxsf-chips a::before{content:no-open-quote;position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(180deg,rgb(255 255 255 / .95),rgb(255 255 255 / .2) 45%,rgb(201 169 98 / .4) 65%,rgb(255 255 255 / .8));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
@media (hover:hover){.pxsf-chips a:hover{transform:translateY(-2px)}}
.pxsf-chips a:active{transform:scale(.96)}
.bricks-is-frontend .pxsf:has(.pxsf-hero.in) .pxsf-chips{opacity:1;transform:none}
.pxsf-hero .pxsf-eyebrow{margin-bottom:clamp(12px,1.8vh,18px)}
.pxsf-hero{--blur:22px;--blur-m:14px;--blur-solid:60%;--fade-start:40%}
.pxsf-hero::before{--s:var(--blur-solid);--f:var(--fade-start);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.1);backdrop-filter:blur(var(--blur)) saturate(1.1);-webkit-mask:linear-gradient(to bottom,#000 0,#000 var(--s),rgb(0 0 0 / .8) calc(var(--s) + (100% - var(--s)) * .25),rgb(0 0 0 / .52) calc(var(--s) + (100% - var(--s)) * .5),rgb(0 0 0 / .26) calc(var(--s) + (100% - var(--s)) * .72),rgb(0 0 0 / .08) calc(var(--s) + (100% - var(--s)) * .9),transparent 100%);mask:linear-gradient(to bottom,#000 0,#000 var(--s),rgb(0 0 0 / .8) calc(var(--s) + (100% - var(--s)) * .25),rgb(0 0 0 / .52) calc(var(--s) + (100% - var(--s)) * .5),rgb(0 0 0 / .26) calc(var(--s) + (100% - var(--s)) * .72),rgb(0 0 0 / .08) calc(var(--s) + (100% - var(--s)) * .9),transparent 100%)}
@media (max-width:767px){.pxsf-hero::before{-webkit-backdrop-filter:blur(var(--blur-m));backdrop-filter:blur(var(--blur-m))}}
.pxsf-chips{gap:8px}
.pxsf-chips a{min-height:28px;padding:0 13px;font-size:9.5px;letter-spacing:.16em}
.pxsf-hero::before{background:none}
.pxsf-hero::after{content:no-open-quote;position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--tint);transition:opacity 1.1s cubic-bezier(.22,.6,.36,1);background:linear-gradient(to bottom,#f9f7f3 0,rgb(249 247 243 / .97) calc(var(--fade-start) * .5),rgb(249 247 243 / .92) var(--fade-start),rgb(249 247 243 / .62) calc(var(--fade-start) + (100% - var(--fade-start)) * .4),rgb(249 247 243 / .3) calc(var(--fade-start) + (100% - var(--fade-start)) * .68),rgb(249 247 243 / .09) calc(var(--fade-start) + (100% - var(--fade-start)) * .88),rgb(249 247 243 / 0) 100%)}
.bricks-is-frontend .pxsf-hero:not(.in)::after{opacity:0}
.pxsf-hero{--tint:.9}
.bricks-is-frontend .pxsf-hero .hero__copy>.pxsf-ctas{opacity:1;transform:none;filter:none;animation:none;transition:none}
.bricks-is-frontend .pxsf-hero .pxsf-ctas>*{opacity:0;transform:translateY(22px);transition:opacity 1s cubic-bezier(.22,.6,.36,1) .38s,transform 1.2s cubic-bezier(.16,1,.3,1) .38s}
.bricks-is-frontend .pxsf-hero:not(.in) .pxsf-ctas>*{animation:pxsf-show .01s 8s forwards}
.pxsf-hero.in .pxsf-ctas>*{opacity:1;transform:none}
.bricks-is-frontend .pxsf-chips{opacity:1;transform:none;transition:none}
.bricks-is-frontend .pxsf-chips a{opacity:0;transform:translateY(12px);transition:opacity .9s cubic-bezier(.22,.6,.36,1) .55s,transform 1s cubic-bezier(.16,1,.3,1) .55s}
.bricks-is-frontend .pxsf:has(.pxsf-hero.in) .pxsf-chips a{opacity:1;transform:none}
.pxsf-hero .hero__copy>*{filter:none!important}
.pxsf-cta.lg-glass{display:inline-flex;align-items:center;gap:14px}
.pxsf-cta::after{position:relative;z-index:2;flex:0 0 32px}
.pxsf canvas[data-glass-source]{z-index:0;pointer-events:none}
.pxsf canvas:not([data-glass-source]){z-index:1}
.pxsf canvas{opacity:0}
.pxsf.pxsf-on canvas{opacity:1}
.skip-link{position:absolute;top:0;left:0;z-index:999;padding:5px 10px;font-weight:700;opacity:0;width:1px;height:1px;overflow:hidden}
.skip-link:focus{opacity:1;width:auto;height:auto;background:#fff}
#brx-header,#brx-footer{position:relative}
.pxsf-photos{position:relative;z-index:3;display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;padding:12px;max-width:760px;margin:0 auto}
.pxsf-photos img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:6px}
/* end of the flight blends into the next section (2026-10-13): the track is transparent so the page's own (textured)
   background is underneath, and in the last part of the scroll the flight fades out from the bottom (--pxsf-fade, set by the script). Mask + blur exist only while fading (.pxsf-end): a mask on the
   full-screen animated canvas made the browser recomposite it every frame */
.pxsf-track{background:transparent}
.pxsf.pxsf-end{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--pxsf-fade,0px)),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--pxsf-fade,0px)),transparent)}
/* the bottom fade also blurs, like the veil at the top (blur grows towards the bottom) */
.pxsf.pxsf-end::after{content:no-open-quote;position:absolute;left:0;right:0;bottom:0;height:260px;transform:scaleY(var(--pxsf-k,0));transform-origin:50% 100%;z-index:4;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 85%);mask-image:linear-gradient(to bottom,transparent,#000 85%)}

/* Loading bar (2026-10-13): hairline gold bar centred in the stage while the 9 opening photos load; fades as the flight appears. */
.pxsf-load{position:absolute;left:50%;top:50%;z-index:0;width:min(180px,42vw);height:2px;margin:-1px 0 0 calc(min(180px,42vw) / -2);border-radius:2px;overflow:hidden;background:rgb(31 26 20 / .08);pointer-events:none;animation:pxsfLdIn .5s .15s cubic-bezier(.22,.6,.36,1) backwards;transition:opacity .7s cubic-bezier(.22,.6,.36,1) .15s,transform .7s cubic-bezier(.22,.6,.36,1) .15s}
.pxsf-load i{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;transition:transform .2s linear;background:linear-gradient(90deg,#a8834e,#d8bd88 60%,#f3e3bf);border-radius:inherit}
.pxsf-load i::after{content:no-open-quote;position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .75),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:pxsfLdSheen 1.4s ease-in-out infinite}
.pxsf-load.done{opacity:0;transform:scaleX(1.25)}
@keyframes pxsfLdIn{from{opacity:0}}
@keyframes pxsfLdSheen{from{background-position:-100% 0}to{background-position:200% 0}}
@media (prefers-reduced-motion:reduce){.pxsf-load i::after{animation:none}}

/* Round 20 (2026-10-20) */
/* 1. no rubber-band / pull-down at the top of the page on phones (scrolling up there flies the photos backwards) */
html:has(.pxsf-track),body:has(.pxsf-track){overscroll-behavior-y:none}
/* 2. Contact Us: smaller, rose #d4436b arrow disc */
.pxsf-cta{min-height:44px;gap:11px;padding:0 7px 0 22px;font-size:11px}
.pxsf-cta.lg-glass{gap:11px}
.pxsf-cta::after{width:28px;height:28px;flex:0 0 28px;background-size:12px;box-shadow:0 1px 0 rgb(255 255 255 / .45) inset,0 4px 10px -4px rgb(212 67 107 / .6)}
@media (hover:hover){.pxsf-cta:hover{box-shadow:inset 0 0 0 1px rgb(212 67 107 / .7),0 18px 36px -16px rgb(32 33 31 / .6)}}
@media (max-width:767px){.pxsf-cta{min-height:42px;padding-left:20px}}
/* 3. text rises once the tilt has finished (JS sends .in at p>.97), then the button, then the chips */
.bricks-is-frontend .pxsf-hero .pxsf-ctas>*{transition:opacity .9s cubic-bezier(.22,.6,.36,1) .85s,transform 1.1s cubic-bezier(.16,1,.3,1) .85s}
.bricks-is-frontend .pxsf-chips a{transition:opacity .9s cubic-bezier(.22,.6,.36,1) 1.2s,transform 1s cubic-bezier(.16,1,.3,1) 1.2s}
/* 5. stage is 100lvh: lift the chips above the phone browser's toolbar (lvh - svh = toolbar height) */
@supports (height:100svh){.pxsf-chips{bottom:calc(clamp(16px,3.5vh,32px) + 20px + env(safe-area-inset-bottom) + 100lvh - 100svh)}}
/* Round 21: phones: 14 px between the header and the first hero line */
@media (max-width:767px){.pxsf-hero{padding-top:70px}}

/* during the page glide (r34) the blur band is off, so the moving canvas is not re-blurred every frame; it fades back in after landing */
.pxsf.pxsf-end::after{transition:opacity .4s cubic-bezier(.22,.6,.36,1)}
.pxsf.pxsf-gl::after{opacity:0;transition-duration:.12s}
/* PIIXONOVA homepage polish (approval copy only, 2026-11-05). Not a redesign: same colours, copy, sections, hero.
   Unlayered on purpose: home.css and pxv2.css live in @layer pxv, so these rules win without !important.
   1 type rhythm · 2 eyebrow spacing · 3 gutters + section rhythm · 4 small text · 5 motion */
:root{--pl-ease:cubic-bezier(.16,1,.3,1);--pl-gut:clamp(20px,6.5vw,104px);--pl-sec:clamp(96px,12vw,176px)}

/* 1. ONE display voice. The older homepage headings (Showcase, Films & Reels, What Couples Say, Your Story, Services)
      used weight 500, positive tracking and a 1.4 line height, so they read heavier and looser than the v2 headings
      (Butler 300, tight leading) sitting between them. Same size scale as the v2 h2. */
:is(.show__title,.films__title,.tst__title,.story__title,.svc__title){font-weight:300;letter-spacing:-.005em;line-height:1.06;font-size:clamp(34px,4.6vw,66px);color:#20211f;text-wrap:balance}
.films__title{margin:18px 0 0}
.tst__title{margin:0}
/* "Every wedding gets its own film." is fixed at 51px in template 20886 (all screens), so on phones it was 40% bigger than every other heading */
@media (width<=767px){body #mf-t{font-size:clamp(34px,9.4vw,40px)}}

/* 2. Eyebrow pills sat 2-4px above their heading (crowded). Give them air and one size everywhere. */
:is(.films__badge,.tst__badge){font-size:11px;letter-spacing:.16em;margin-bottom:6px}
.tst__head{gap:14px}

/* 3. Gutters + vertical rhythm.
      Services sat in a centred 1140px box (text at 150px on a 1440 screen) while every section around it starts at the
      shared 6.5vw gutter (94px). Phones: 16px there vs 20px everywhere else. */
.exp.svc{padding:var(--pl-sec) var(--pl-gut) clamp(96px,10vw,144px)}
.exp.svc>*{width:min(1252px,100%);max-width:none;margin-inline:auto}
@media (width<=767px){.exp.svc{padding:96px 20px 88px}}
/* Films & Reels started 65px under the founder note; testimonials 96px; v2 sections use 96-176px. */
section#films.films:not(.sec){padding-top:var(--pl-sec)}
.tst{padding-top:var(--pl-sec);padding-bottom:clamp(72px,8vw,112px)}
@media (width<=767px){.tst{padding-inline:20px}.founder{padding-inline:20px}.story__text{padding-inline:20px}}

/* 4. Body copy that was too small to read comfortably (founder note 14px / 12px on phones; Your Story 14px / 12px). */
.founder__p{font-size:16.5px;line-height:1.65;max-width:56ch;color:#3a3a38}
.story__p{font-size:16px;line-height:1.6;max-width:52ch}
@media (width<=767px){.founder__p{font-size:15.5px}.story__p{font-size:15px}}
.tst__quote{line-height:1.66}

/* 5. Motion: ONE curve for the whole page. The homepage reveal used a soft-cubic .8s, the v2 sections a different curve
      at .9-1.1s, so the page changed rhythm between sections. Both now use the same long exponential settle. */
.rv-on .rv{transition-duration:1.1s,1.1s,1.2s;transition-timing-function:var(--pl-ease);--rv-y:16px}
.rv-on .rv--media{--rv-y:20px}
/* owner 2026-11-05: no zoom on the Photography Showcase photos. (The old ".rv--media{scale:.985}" here was unlayered, so it beat the
   layered .is-in/.rv--mob reset and left every showcase photo stuck at 98.5% - that was the zoom.) */
#brx-content :is(.show__item,.show__img){scale:none;transform:none}
.pxv2{--rv-ease:var(--pl-ease);--ease-o:var(--pl-ease)}
/* the per-word 6px blur clear costs a filter layer per word; on phones (where it stuttered) keep the rise + fade only */
@media (pointer:coarse){#pxv2.rvon .rv-t,#pxv2.rvon .rv-t.rvs .w,.pxv2.rvon .rv-t,.pxv2.rvon .rv-t.rvs .w{filter:none}}
/* hover/press feedback: one short, calm curve */
:is(.tst__card,.exp__card){transition-timing-function:var(--pl-ease);transition-duration:.6s}
@media (prefers-reduced-motion:reduce){.rv-on .rv{transition-duration:.01ms}}

/* browser surfaces carry the palette too */
::selection{background:rgb(212 67 107 / .18);color:#20211f}

/* WP Rocket lazy-render (content-visibility:auto) hits new URLs and collapses pinned sections; the homepage never gets it */
[data-wpr-lazyrender]{content-visibility:visible!important}

/* ===== 6. COHESION PASS (owner picks 2026-11-05: 1,2,3,4,6,7,9,10,11,12,15,20-font). Older sections now follow the v2 rules.
   #brx-content / #brx-footer prefixes beat the source's .x:not(._) rules and the unlayered glass kit without !important. */
:root{--pl-x:max(var(--pl-gut),calc((100% - 1252px)/2));--pl-box:min(1252px,calc(100% - 2*var(--pl-gut)))}

/* 6.1 (owner 2026-11-05: Photography Showcase + Films & Reels stay CENTRED as before; later also 1000+ and What Couples Say) */
/* 6.1 every section heading starts on the shared left edge (Showcase, 1000+, Films & Reels, What Couples Say were centred) */
#brx-content .show__count{font-weight:300;letter-spacing:-.005em;line-height:1.06;color:#20211f}
#brx-content section#films.films:not(.sec) .films__grid{width:var(--pl-box);margin-inline:auto}
/* 6.10 testimonials: the grid ran edge to edge (first card at 16-24px); now inside the same gutter as every section */
#brx-content .tst__grid{width:min(1252px,100%);max-width:none;margin-inline:auto}
@media (width>=768px){#brx-content .tst{padding-inline:var(--pl-gut)}}

/* 6.2 one label style above headings: plain gold capitals (the beige pills and "It's time to tell" become the Services style) */
#brx-content :is(.show__badge,.founder__badge,.films__badge,.tst__badge,.cl__badge,.story__pre){background:none;padding:0;border-radius:0;box-shadow:none;color:#6f5e38;font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}
#brx-content .story__pre{margin-bottom:10px}

/* 6.3 two buttons only, same height + case: rose pill = the main action, white pill = everything else */
#brx-content :is(.pxvb,.lform__btn,.show__btn,.films__btn,.svc__btn,.exp__btn),#brx-footer .lform__btn,#brx-content .tlink a{min-height:44px;padding:0 24px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.01em;text-transform:none;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:10px}
#brx-content .pxvb .pxvb__label{font-size:14px;font-weight:600;letter-spacing:.01em;text-transform:none}
#brx-content :is(.pxvb,.lform__btn),#brx-footer .lform__btn{background:#d4436b;color:#fff;border:0;box-shadow:0 10px 24px -12px rgba(212,67,107,.7)}
/* secondary = the site iOS glass (WPCode 20914/20962 + studio 21040): polish.js adds .ios-glass to the ones not already in the glass list;
   no background/shadow here so the glass material shows (owner 2026-11-05) */
#brx-content :is(.show__btn,.films__btn,.svc__btn,.exp__btn),#brx-content .tlink a{border:0;color:#1d1d1f}
#brx-content .tlink a:hover{color:#1d1d1f}
#brx-content .wband__play{text-transform:none;letter-spacing:.01em;font-size:14px;font-weight:600;color:#1d1d1f}
#brx-content .wband__play svg{display:none}
#brx-content .wband__play::before{content:"";width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.2v13.6a.6.6 0 0 0 .9.5l10.8-6.8a.6.6 0 0 0 0-1L8.9 4.7a.6.6 0 0 0-.9.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.2v13.6a.6.6 0 0 0 .9.5l10.8-6.8a.6.6 0 0 0 0-1L8.9 4.7a.6.6 0 0 0-.9.5z'/%3E%3C/svg%3E") center/contain no-repeat}

/* 6.4 every photo gets the same rounded corner as the video cards */
#brx-content .founder__photo,#brx-content .story__img{border-radius:14px;overflow:hidden}

/* 6.6 one play button: the small white circle, bottom-right (Films & Reels had a big centred triangle, testimonials a top-left ring) */
#brx-content .vcard__play{inset:auto 12px 12px auto;width:38px;height:38px;min-width:0;min-height:0;padding:0;border-radius:50%;z-index:2;display:grid;place-items:center}
@media (width<=767px){#brx-content .vcard__play{width:44px;height:44px;right:10px;bottom:10px}}
#brx-content .vcard__play svg{display:none}
/* the same iOS play symbol as .snd / .tst__play */
#brx-content .vcard__play::before{content:"";width:18px;height:18px;margin-left:2px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.2v13.6a.6.6 0 0 0 .9.5l10.8-6.8a.6.6 0 0 0 0-1L8.9 4.7a.6.6 0 0 0-.9.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.2v13.6a.6.6 0 0 0 .9.5l10.8-6.8a.6.6 0 0 0 0-1L8.9 4.7a.6.6 0 0 0-.9.5z'/%3E%3C/svg%3E") center/contain no-repeat}
@media (width<=767px){#brx-content .vcard__play::before{width:20px;height:20px}}
#brx-content .vcard__play::after{display:none}
#brx-content .tst__play{top:auto;left:auto;right:12px;bottom:12px;z-index:2}
#brx-content .tst__vcap{padding-right:64px}

/* 6.7 captions under film cards read left, like the headings */
#brx-content figcaption{text-align:left}

/* 6.9 the 1000+ paragraph was 13-14px and centred; now body size, left */
#brx-content .show__txt{text-align:center;width:auto;max-width:60ch;margin:0 auto;font-size:16px;line-height:1.6;color:#3a3a38}
@media (width<=767px){#brx-content .show__txt{font-size:15px;padding-inline:20px}}

/* 6.11 "Beyond Kolkata" sat directly on the Your Story photo; give Your Story a normal section gap */
#brx-content .story{padding-top:var(--pl-sec)}

/* 6.12 no thin divider lines between sections (spacing does the separating) */
#brx-content .svc__more,#brx-content .pxv2 .vdest,#brx-footer .ft__row{border-top:0}

/* 6.20 footer "Call us" / "Chat With Us" use the footer's own label style (OFFICE, QUICK LINKS) instead of a 23px bold sans */
#brx-footer .ft__sub{font-size:12.7px;font-weight:700;letter-spacing:1.9px;text-transform:uppercase;color:#000;line-height:1.3;margin-bottom:8px}
@media (width<=767px){#brx-footer .ft__sub{font-size:12px}}
/* phones: the shared 20px edge (6.5vw gave 25px), and the Your Story portrait no longer runs edge to edge with rounded corners */
@media (width<=767px){:root{--pl-gut:20px}#brx-content .story__img{width:calc(100% - 40px);margin-inline:20px}}

/* (7. hero CTA move reverted 2026-11-05 at owner request: the photo-flight hero is untouched on the copy) */

/* owner 2026-11-05: Photography Showcase has no slide-up (label, heading, photos, 1000+ block appear in place) */
#brx-content :is(.show__badgew,.show__titlew,.show__end>*,.show__item).rv{translate:none;transform:none}

/* owner 2026-11-05 (picked "option 1" of 5): rose main buttons = solid #D4436B with the iOS glass edge (the 7 inset strokes of
   --pxg-light-rim, made brighter/thicker at owner request) and (owner follow-up) the same float shadow as the white glass buttons. White text. */
#brx-content :is(.pxvb,.lform__btn,.cl__btn),#brx-footer .lform__btn{background:#d4436b;color:#fff;text-shadow:0 1px 1px rgba(110,20,50,.25);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),inset 2.2px 3.5px 0 -2px rgba(255,255,255,1),inset -2.4px -2.4px 0 -2px rgba(255,255,255,.95),inset -3px -8px 1px -5px rgba(255,255,255,.7),inset -.3px -1px 4px 0 rgba(0,0,0,.12),inset -1.5px 2.5px 0 -2px rgba(0,0,0,.16),inset 0 3px 4px -2px rgba(0,0,0,.14),0 10px 30px -8px rgba(0,0,0,.26),0 2px 6px rgba(0,0,0,.09);border:0}
#brx-content .pxvb .pxvb__label{color:inherit}
#brx-content :is(.pxvb,.lform__btn,.cl__btn):active,#brx-footer .lform__btn:active{transform:scale(.94);transition:transform .2s cubic-bezier(.32,.72,0,1)}

/* closing band "Your turn" (template 20890, added before Services 2026-11-05): its button gets the site's rose glass style
   (solid #D4436B, iOS light rim, white-button float shadow), normal case, no arrow disc */
#brx-content #brxe-q2pjy1{min-height:48px;padding:0 28px;gap:0;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:.01em;text-transform:none;background:#d4436b;color:#fff;text-shadow:0 1px 1px rgba(110,20,50,.25);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),inset 2.2px 3.5px 0 -2px rgba(255,255,255,1),inset -2.4px -2.4px 0 -2px rgba(255,255,255,.95),inset -3px -8px 1px -5px rgba(255,255,255,.7),inset -.3px -1px 4px 0 rgba(0,0,0,.12),inset -1.5px 2.5px 0 -2px rgba(0,0,0,.16),inset 0 3px 4px -2px rgba(0,0,0,.14),0 10px 30px -8px rgba(0,0,0,.26),0 2px 6px rgba(0,0,0,.09);filter:none;border:0}
#brx-content #brxe-q2pjy1::after{display:none}
#brx-content #brxe-q2pjy1:hover{transform:none;filter:none}
#brx-content #brxe-q2pjy1:active{transform:scale(.94);transition:transform .2s cubic-bezier(.32,.72,0,1)}

/* owner 2026-11-05 (R58): phones only, the photo-flight hero "Contact Us" is smaller with less padding (was 181x46, now ~139x38; the
   Glass Studio "looks" rule pins 181x46, hence width:auto) and the Photos / Films chips are 32px tall (were 44px) */
@media (max-width:767px){
#brx-content #brxe-pnetku.pxsf-cta{width:auto;min-height:38px;height:38px;padding:0 5px 0 16px;gap:9px;font-size:10px;letter-spacing:.18em}
#brx-content .pxsf-chips>a:not(._){height:32px;min-height:32px;padding:0 13px}
}

/* R59 (owner 2026-11-05: "Ship all 8"): HIG consistency pass, shipped from consistency.css. Same fonts, same layout; only size,
   weight, shade, hit area and motion timing. The Photography Showcase (.show) gets no motion rules. */

/* 1. One heading scale. The v2 sections (.disp.h2) used clamp(38px,5vw,66px) / clamp(34px,9.4vw,40px), the rest clamp(34px,4.6vw,66px):
      on a phone the H2s were 36.7 px in five sections and 34 px in five others; "Every wedding gets its own film" was 51 px on desktop. */
#brx-content :is(#pxv2,.pxv2) .disp.h2{font-size:clamp(34px,4.6vw,66px)}

/* 2. Nothing under 11 px (HIG minimum). Hero chips were 9.5 px, hero Contact Us 10 px on phones, the opener label and service tags
      10.5 px, the round "Get in touch" disc 10 px. */
#brx-content .pxsf-chips>a:not(._){font-size:11px}
@media (max-width:767px){
  #brx-content #brxe-pnetku.pxsf-cta{font-size:11px}
  #brx-content :is(.svc__tags,.cl__btn){font-size:11px}
}

/* 3. One eyebrow style: 11 px, 700, .14em tracking, #6F5E38 (used by 8 section labels). The stats labels (12 px, #6F5A2B), the dark-band
      kickers "Your turn" / opener label (12 px .16em; 10.5 px .08em on phones) and the footer labels (12-12.7 px, .158em) drifted. */
#brx-content :is(#pxv2,.pxv2) #stats .kk{font-size:11px;letter-spacing:.14em;color:#6f5e38}
#brx-content :is(#pxv2,.pxv2) .kicker>span{font-size:11px;letter-spacing:.14em}
@media (max-width:767px){#brx-content :is(#pxv2,.pxv2) .kicker>span{letter-spacing:.08em}} /* long phone label keeps its tighter tracking so it stays one line */
#brx-footer :is(.ft__label,.ft__sub){font-size:11px;letter-spacing:.14em}

/* 4. Contrast (WCAG AA as used by HIG): rose #D4436B small text on ivory is 4.08:1 (needs 4.5) -> #BF3A5F 4.92:1. Coffee highlight
      #B3866B 3.0:1 -> #8A624B 4.99:1. White labels on the rose buttons are 4.36:1 at 600 weight; at 700 (bold) the bar is 3:1. */
#brx-content #brxe-pxrtxt{color:#bf3a5f}
#brx-content #brxe-pxrtxt b{color:#20211f}
@media (max-width:991px){#brx-footer .ft__ready q{color:#bf3a5f}}
#brx-content .founder__hl{color:#8a624b}
#brx-content :is(.pxvb,.lform__btn,.cl__btn,#brxe-q2pjy1),#brx-footer .lform__btn{font-weight:700}

/* 5. One rose button size: every rose button is 44 px / 14 px except "Check your date" (48 px / 15 px). */
#brx-content #brxe-q2pjy1{min-height:44px;font-size:14px;letter-spacing:.01em}

/* 6. Tap targets of at least 44 px without moving anything: "Read more" was 22 px tall, the footer phone / WhatsApp / Messenger links
      17-20 px. Padding grows the hit area, the negative margin keeps the layout where it was. */
#brx-content .tst__more{padding-block:11px;margin-block:-11px}
#brx-footer :is(.ft__tel,#brxe-pp3c6g a,#brxe-pzudgo a){display:inline-block;padding-block:12px;margin-block:-12px}

/* 7. Light 300 weight only for display sizes: the film quote, its byline and "Tell us your date and city." are body sizes (16-21 px). */
#brx-content :is(.wband__q,.wband__by),#brx-content #close .b{font-weight:400}

/* 8. Motion: one reveal. Scroll reveals used five timings (0.8 s to 1.6 s) and four curves; the v2 sections also blurred words in
      (blur(6px) per word, the costliest kind of reveal). Now every reveal is the same 0.9 s rise + fade on one curve, no blur.
      Photography Showcase (.show) excluded on purpose; hero (photo flight) not touched. */
#brx-content :is(#pxv2,.pxv2).rvon :is(.rv-t,.rv-t.rvs .w){filter:none}
#brx-content :is(#pxv2,.pxv2).rvon :is(.rv-t,.rv-t.rvs .w,.rv-m){transition-duration:.9s;transition-timing-function:cubic-bezier(.16,1,.3,1)}
#brx-content .rv:not(.show *):not(.show){transition-duration:.9s;transition-timing-function:cubic-bezier(.16,1,.3,1)}
#brx-content :is(#pxv2,.pxv2) #stats .t{transition-duration:.9s;transition-timing-function:cubic-bezier(.16,1,.3,1)}
#brx-content :is(#pxv2,.pxv2) #stats .t.pic img{transition:transform .9s cubic-bezier(.16,1,.3,1)!important}
@media (prefers-reduced-motion:reduce){#brx-content :is(#pxv2,.pxv2) #stats .t.pic img{transition:none!important;transform:none!important}}
@layer bricks, pxv;
@layer pxv{
:where(.show){--accent:#d4436b;--serif:"Butler","Butler Fallback","Butler Fallback Android","Nunito Sans",serif;--fluid:calc((100vw - 360px) / 1560);--ease-out:cubic-bezier(.22, .61, .36, 1);--dur-hover:.3s;--dur-hover-slow:.8s}
:where(.show__btn){transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out), background-color var(--dur-hover) var(--ease-out), filter var(--dur-hover) var(--ease-out)}
/* r45: no photo animation (owner) */
@media (hover:hover) and (prefers-reduced-motion:no-preference){.show__btn:hover{background-color:#f7ece2;transform:translateY(-2px);box-shadow:0 8px 20px -10px #66563573}
}
@media (prefers-reduced-motion:no-preference){:is(.pxvb,.show__btn):active{transition-duration:.12s;transform:scale(.97)}}
:where(.show__btn):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@property --pxvb-a{syntax:"<angle>";inherits:true;initial-value:0deg}


.pxvb__sparkles:not(._){pointer-events:none;z-index:3;position:absolute;inset:0}

@keyframes pxvb-sheen-warm{0%{opacity:0}50%{opacity:.12}to{opacity:.85}}
@keyframes pxvb-twinkle{0%,to{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(0)}50%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(90deg)}}

.show:not(._){font-kerning:none;text-rendering:optimizespeed;padding-top:clamp(30px, 30px + 10 * var(--fluid), 40px)}
.show__head:not(._){text-align:center;padding-top:10px}
.show__badgew:not(._){justify-content:center;align-items:flex-start;height:calc(22.2px + .512vw);padding-top:4px;display:flex}
.show__badge:not(._){color:#8a7647;letter-spacing:1.8px;text-transform:uppercase;background:#f5eddd;border-radius:23px;padding:7px 14px;font-size:11px;font-weight:500;line-height:11px;display:inline-block}
.show__titlew:not(._){padding-bottom:23px}
.show__title:not(._){font-family:var(--serif);letter-spacing:1.1px;color:#20211f;margin:0;font-size:50px;font-weight:500;line-height:70px}
.show__track:not(._){position:relative}
.show__pin:not(._){background:0 0;height:100svh;position:sticky;top:0;overflow:hidden;container-type:inline-size}
.show__strip:not(._){will-change:transform;height:100%;display:flex}
.show__item:not(._){max-width:100cqw;height:100%;aspect-ratio:var(--ar);flex:none;position:relative;overflow:hidden}
.show:not(._) .show__img{object-fit:cover;width:100%;height:100%;display:block}
.show__end:not(._){flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1140px;margin:0 auto;display:flex}
.show__count:not(._){text-align:center;font-family:var(--serif);letter-spacing:-.5px;color:#2e2e2e;margin:0;padding-top:32px;font-size:52px;font-weight:500;line-height:72.8px}
.show__txt:not(._){text-align:center;width:50%;margin:0;font-size:14px;line-height:19.6px}
.show__row:not(._){flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 32px;width:100%;display:flex}
.show__btnw:not(._){padding:32px 0}
.show__btn:not(._){color:#000;letter-spacing:1.2px;background:#fbf5f0;border-radius:50px;justify-content:center;align-items:center;padding:10px 20px;font-size:clamp(.75rem,.7356rem + .0641vw,.8125rem);font-weight:700;line-height:1;display:inline-flex}
.show__btn:not(._) svg:not(._){fill:currentColor;width:14.4px;height:14.4px;margin-right:10px}
.pxvb:not(._){--pxvb-ring:2px;--pxvb-a:24deg;--pxvb-c1:#de3e67;--pxvb-c2:#ffedf2;--pxvb-c3:#e34c74;--pxvb-c4:#fc749c;--pxvb-c5:#ffb8cb;isolation:isolate;background:#e34b74;border-radius:999px;justify-content:center;align-items:center;padding:10px 23px;transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s;display:inline-flex;position:relative;box-shadow:inset 0 1px #fffffff2,0 1px 2px #20211f14,0 10px 22px -12px #20211f57}
.pxvb:not(._):before,.pxvb:not(._):after,.pxvb__glow:not(._){content:"";border-radius:inherit;padding:var(--pxvb-ring);pointer-events:none;-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}
.pxvb:not(._):before{z-index:0;background:#ffedf2}
.pxvb:not(._):after,.pxvb__glow:not(._){background:conic-gradient(from var(--pxvb-a), transparent 0deg, var(--pxvb-c1) 5deg, var(--pxvb-c2) 12deg, var(--pxvb-c3) 22deg, var(--pxvb-c4) 32deg, var(--pxvb-c5) 42deg, var(--pxvb-c2) 50deg, transparent 60deg, transparent 180deg, var(--pxvb-c1) 185deg, var(--pxvb-c2) 192deg, var(--pxvb-c3) 202deg, var(--pxvb-c4) 212deg, var(--pxvb-c5) 222deg, var(--pxvb-c2) 230deg, transparent 240deg, transparent 360deg)}
.pxvb:not(._):after{z-index:1}
.pxvb__glow:not(._){filter:blur(6px);opacity:.85;z-index:-1;padding:2px;transition:opacity .3s;inset:-1px}
.pxvb__aura:not(._){border-radius:inherit;z-index:-3;pointer-events:none;position:absolute;inset:0;box-shadow:0 -9px 26px #ffffff59,0 14px 34px #140a1e3d}
.pxvb__sheen:not(._){border-radius:inherit;z-index:1;pointer-events:none;mix-blend-mode:soft-light;position:absolute;inset:0;overflow:hidden}
.pxvb__sheen-cool:not(._){opacity:.4;background:radial-gradient(circle at 25% 20%,#96a5ffd9,#0000 70%);position:absolute;inset:-45%}
.pxvb__label:not(._){z-index:2;letter-spacing:.17em;text-transform:uppercase;color:#fff;white-space:nowrap;font-size:12.5px;font-weight:700;line-height:1;position:relative}
.pxvb:not(._):hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 2px 4px #20211f1a,0 18px 32px -14px #20211f6b}
.pxvb:not(._):hover .pxvb__glow:not(._){opacity:1}
.pxvb:not(._):focus-visible{outline-offset:4px;outline:2px solid #8a6d2f}
@media (width<=991px){.show__track:not(._){height:auto!important}
.show__pin:not(._){background:0 0;height:auto;position:static;overflow:visible;container-type:normal}
.show__strip:not(._){will-change:auto;height:auto;display:block;transform:none!important}
.show__item:not(._){width:100%;max-width:none;height:auto;display:block}
.show:not(._) .show__img{height:auto}
.show__badgew:not(._){height:27.5px;padding-top:2.5px}
.show__title:not(._){font-size:41px;line-height:57.4px}
.show__count:not(._){font-size:40px;line-height:56px}
.show__txt:not(._){width:77%;font-size:12px;line-height:16.8px}}
@media (width<=767px){.show__badgew:not(._){height:26px;padding-top:2px}
.show__badge:not(._){font-size:10px;line-height:10px}
.show__titlew:not(._){padding-bottom:20px}
.show__title:not(._){letter-spacing:1.9px;font-size:25.5px;line-height:35.7px}
.show__count:not(._){font-size:32px;line-height:44.8px}
.show__txt:not(._){width:91%;margin-top:-14px}
.pxvb:not(._){padding:15px 34px}
.pxvb__label:not(._){letter-spacing:.15em;font-size:11.5px}}
}