/* 全頁 FV「fvx」= シャネル総合型(ボス 2026-10-12「全ページこの型のFVにしたい」)。docs/specs/fv-lux-2610.md
   変換器 docs/qa/fv-lux-20261012-kuu/convert.py が <section id="hero" class="fvx fvx-(wide/panel/card)"> を作る。この区画だけに効く。
   wide=横長の暗い写真を PC で全面(商品は右)/panel=右の大きな面に商品を置き縁をなじませる/card=白背景の写真を額縁で。
   写真の拡大率・位置は figure の style(--sp-tx 等・--pc-tx 等)で頁ごとに渡す。LINE は C32 の色。 */
html body #hero.fvx{position:relative!important;display:block!important;overflow:hidden!important;isolation:isolate!important;margin:0!important;padding:28px 0 44px!important;min-height:600px!important;background:#171612!important;color:#f7f5ef!important;text-align:left!important;border:0!important;box-shadow:none!important;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif!important}
/* 頁側の強い高さ指定(例 .hub-2610.hub-rollout #hero{height:640px!important})に勝つため高さだけ ID 二重で指定 */
html body #hero#hero.fvx{height:auto!important;max-height:none!important;min-height:600px!important}
@media(max-width:1023px){html body #hero#hero.fvx{min-height:0!important}}
html body #hero.fvx *{box-sizing:border-box!important}
html body #hero.fvx .fvx-anchor{position:absolute!important;top:0!important;left:0!important;width:0!important;height:0!important;overflow:hidden!important}
/* スクリプトが .hero を探す頁の目印(FV 全体に重なる不可視の箱・旧 .hero の CSS を打ち消す) */
html body #hero.fvx>.fvx-anchor-box{position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;visibility:hidden!important;pointer-events:none!important;z-index:-1!important;overflow:hidden!important}
html body #hero.fvx>.fvx-anchor-box::before,html body #hero.fvx>.fvx-anchor-box::after{content:none!important;display:none!important}
/* 透明ヘッダー(brand-2610.css・absolute)の頁: ヘッダーの高さ(実測 ≤766px=79・767〜1022px=89・1023px〜=104)だけ下げる */
html body #hero.fvx.fvx-hdr{padding-top:132px!important}
html body #hero.fvx .fvx-wrap{position:static!important;width:min(1120px,calc(100% - 80px))!important;margin:0 auto!important;padding:0!important;background:none!important;display:block!important;max-width:none!important}
html body #hero.fvx .fvx-bc{position:relative!important;z-index:2!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:0 6px!important;margin:0!important;padding:0!important;font-size:12px!important;line-height:1.6!important;color:#c9c5bb!important;background:none!important}
html body #hero.fvx .fvx-bc a{color:#c9c5bb!important;text-decoration:none!important}
html body #hero.fvx .fvx-bc a:hover{text-decoration:underline!important}
html body #hero.fvx .fvx-copy{position:static!important;display:block!important;max-width:520px!important;margin:0!important;padding:52px 0 8px!important;background:none!important;border:0!important;text-align:left!important}
html body #hero.fvx .fvx-copy>*:not(.fvx-photo){position:relative!important;z-index:2!important}
/* バッジ(C51) */
html body #hero.fvx .fvx-pledge{display:inline-flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:2px 6px!important;margin:0 0 16px!important;padding:4px 12px!important;border:1px solid rgba(212,175,95,.5)!important;border-radius:999px!important;background:rgba(23,22,18,.55)!important;font-size:12px!important;line-height:1.6!important;color:#e9e5da!important}
html body #hero.fvx .fvx-pledge strong{color:#d4af5f!important;font-weight:700!important}
/* 見出し */
html body #hero.fvx h1.fvx-h1{display:block!important;margin:0 0 22px!important;padding:0!important;max-width:none!important;background:none!important;border:0!important;text-shadow:none!important;text-align:left!important;color:#f7f5ef!important;font-size:inherit!important;line-height:1.3!important;letter-spacing:0!important}
html body #hero.fvx .fvx-shop{display:block!important;width:-webkit-fit-content!important;width:fit-content!important;max-width:100%!important;margin:0 0 8px!important;white-space:nowrap!important;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif!important;font-weight:600!important;font-size:min(20px,calc(500px / var(--n,14) / 1.06))!important;line-height:1.5!important;letter-spacing:.06em!important;color:#d4af5f!important}
@supports ((-webkit-background-clip:text) or (background-clip:text)){html body #hero.fvx .fvx-shop{background-image:linear-gradient(90deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}}
html body #hero.fvx .fvx-main{display:block!important;font-family:"Noto Serif JP","Shippori Mincho","Yu Mincho","Hiragino Mincho ProN",serif!important;font-weight:600!important;font-size:46px!important;line-height:1.4!important;letter-spacing:.015em!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #hero.fvx .fvx-w{display:inline-block!important;max-width:100%!important}
html body #hero.fvx .fvx-main{display:flex!important;flex-wrap:wrap!important;column-gap:.28em!important;row-gap:0!important}
/* 写真 */
html body #hero.fvx .fvx-photo{position:absolute!important;z-index:0!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none!important;overflow:hidden!important;background:none!important}
html body #hero.fvx .fvx-photo img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;object-fit:cover!important;background:transparent!important}
html body #hero.fvx-wide .fvx-photo{inset:0!important}
html body #hero.fvx-wide .fvx-photo img{object-position:center 52%!important}
html body #hero.fvx-wide:before{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(23,22,18,.78) 0,rgba(23,22,18,.5) 30%,rgba(23,22,18,0) 52%)!important}
html body #hero.fvx-panel .fvx-photo{top:0!important;bottom:0!important;right:0!important;width:56%!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 24%)!important}
html body #hero.fvx-panel .fvx-photo img{transform:scale(var(--pc-z,1)) translate(var(--pc-tx,0),var(--pc-ty,0))!important;-webkit-mask-image:radial-gradient(ellipse at center,#000 60%,transparent 100%)!important;mask-image:radial-gradient(ellipse at center,#000 60%,transparent 100%)!important}
html body #hero.fvx-card .fvx-photo{top:50%!important;right:max(40px,calc((100% - 1120px) / 2))!important;width:min(440px,36%)!important;aspect-ratio:1/1!important;transform:translateY(-50%)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 22px 60px rgba(0,0,0,.5)!important}
html body #hero.fvx-card .fvx-photo img{object-fit:contain!important;background:#fff!important}
/* 説明・サービス */
html body #hero.fvx .fvx-desc{margin:0 0 18px!important;padding:0!important;max-width:32em!important;font-size:14px!important;line-height:1.85!important;letter-spacing:.02em!important;color:#d4d0c6!important;background:none!important}
html body #hero.fvx .fvx-services{display:flex!important;flex-wrap:wrap!important;gap:6px 20px!important;margin:0 0 22px!important;padding:0!important;list-style:none!important;font-size:12px!important;line-height:1.6!important;color:#e6e2d8!important}
html body #hero.fvx .fvx-services li{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;padding:0!important;list-style:none!important;white-space:nowrap!important;background:none!important;border:0!important}
html body #hero.fvx .fvx-services li:before{content:""!important;flex:none!important;width:4px!important;height:4px!important;border-radius:50%!important;background:#bdb7aa!important}
/* CTA(LINE=元の a・C13 の文言のまま) */
html body #hero.fvx .fvx-cta{display:block!important;max-width:400px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body #hero.fvx a.fvx-line{grid-column:auto!important;grid-row:auto!important;grid-area:auto!important;flex:none!important;order:0!important;float:none!important;align-self:auto!important;justify-self:auto!important;min-width:0!important;height:auto!important;position:relative!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;width:100%!important;max-width:none!important;min-height:68px!important;margin:0!important;padding:12px 20px!important;border:0!important;border-radius:10px!important;background:#06C755!important;background-image:none!important;color:#fff!important;text-decoration:none!important;text-align:left!important;box-shadow:none!important;transform:none!important;font-size:16px!important;line-height:1.4!important;letter-spacing:0!important;transition:background-color .2s!important}
html body #hero.fvx a.fvx-line:hover{background:#05B34C!important}
html body #hero.fvx .fvx-line .fvx-line-mark{flex:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;border-radius:10px!important;background:#fff!important;color:#06C755!important;-webkit-text-fill-color:#06C755!important;font:800 11px/1 "Noto Sans JP",sans-serif!important;letter-spacing:.02em!important}
html body #hero.fvx .fvx-line .fvx-line-text{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;margin:0!important;padding:0!important;text-align:left!important}
html body #hero.fvx .fvx-line .fvx-line-text strong{display:block!important;margin:0!important;font-size:17px!important;line-height:1.45!important;font-weight:700!important;letter-spacing:.01em!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #hero.fvx .fvx-line .fvx-line-text small{display:block!important;margin:0!important;font-size:12px!important;line-height:1.5!important;font-weight:400!important;color:#e7f6ec!important;-webkit-text-fill-color:#e7f6ec!important}
html body #hero.fvx .fvx-subs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:12px 0 0!important;padding:0!important}
html body #hero.fvx a.fvx-sub{grid-column:auto!important;grid-row:auto!important;grid-area:auto!important;flex:none!important;order:0!important;float:none!important;align-self:auto!important;justify-self:auto!important;min-width:0!important;height:auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:0!important;width:auto!important;min-height:56px!important;margin:0!important;padding:8px 14px!important;border:1px solid #777268!important;border-radius:10px!important;background:rgba(23,22,18,.72)!important;background-image:none!important;color:#f7f5ef!important;text-decoration:none!important;text-align:left!important;box-shadow:none!important;transform:none!important;font-size:14px!important;line-height:1.5!important;transition:border-color .2s,background-color .2s!important}
html body #hero.fvx a.fvx-sub:hover{border-color:#c5a46b!important;background:rgba(48,46,40,.9)!important}
html body #hero.fvx .fvx-sub strong{display:block!important;margin:0!important;font-size:14px!important;line-height:1.5!important;font-weight:700!important;color:#f7f5ef!important;-webkit-text-fill-color:#f7f5ef!important}
html body #hero.fvx .fvx-sub small{display:block!important;margin:0!important;font-size:11px!important;line-height:1.5!important;font-weight:400!important;color:#d4d0c6!important;-webkit-text-fill-color:#d4d0c6!important}
html body #hero.fvx .fvx-hours{display:inline!important;margin-left:6px!important}
html body #hero.fvx .fvx-links{display:flex!important;flex-wrap:wrap!important;gap:4px 18px!important;margin:12px 0 0!important;padding:0!important;font-size:12px!important;line-height:1.7!important}
html body #hero.fvx a.fvx-link{display:inline!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#d4d0c6!important;font-size:12px!important;font-weight:400!important;text-decoration:underline!important;text-underline-offset:3px!important}
html body #hero.fvx :is(a.fvx-line,a.fvx-sub,a.fvx-link):before,html body #hero.fvx :is(a.fvx-line,a.fvx-sub,a.fvx-link):after{content:none!important;display:none!important}
html body #hero.fvx :is(a.fvx-line,a.fvx-sub,a.fvx-link):focus-visible{outline:3px solid #c5a46b!important;outline-offset:3px!important}
/* 価格・回答カード・文字盤切替(元の要素のまま・色だけ濃色に合わせる) */
html body #hero.fvx .fvx-keep{margin:16px 0 0!important;padding:0!important;max-width:520px!important}
html body #hero.fvx .fvx-keep>*{margin:0!important;padding:12px 14px!important;max-width:none!important;width:auto!important;border:1px solid rgba(212,175,95,.35)!important;border-radius:10px!important;background:rgba(255,255,255,.04)!important;box-shadow:none!important}
html body #hero.fvx .fvx-keep,html body #hero.fvx .fvx-keep *{color:#e6e2d8!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;font-size:13px!important;line-height:1.75!important}
html body #hero.fvx .fvx-keep *:not(button):not(img){background-color:transparent!important;background-image:none!important;border-color:rgba(255,255,255,.18)!important}
html body #hero.fvx .fvx-keep [data-price-key],html body #hero.fvx .fvx-keep strong{color:#d4af5f!important;font-weight:700!important}
html body #hero.fvx .fvx-keep a{color:#f7f5ef!important;text-decoration:underline!important}
html body #hero.fvx .fvx-keep button{background:rgba(255,255,255,.06)!important;border:1px solid #777268!important;color:#f7f5ef!important;border-radius:8px!important}
html body #hero.fvx .fvx-note{margin:14px 0 0!important;padding:0!important;max-width:520px!important;font-size:11px!important;line-height:1.7!important;color:#a9a397!important;background:none!important}
/* PC: 1024〜1179 */
@media(min-width:1024px) and (max-width:1179px){
 html body #hero.fvx .fvx-copy{max-width:460px!important}
 html body #hero.fvx .fvx-main{font-size:40px!important}
 html body #hero.fvx-panel .fvx-photo{width:52%!important}
}
/* タブレット・スマホ: 見出し→写真→説明→LINE */
@media(max-width:1023px){
 html body #hero.fvx{min-height:0!important;padding:16px 0 30px!important}
 html body #hero.fvx.fvx-hdr{padding-top:108px!important}
 html body #hero.fvx-wide:before{content:none!important}
 html body #hero.fvx .fvx-wrap{width:calc(100% - 48px)!important}
 html body #hero.fvx .fvx-copy{max-width:640px!important;padding:16px 0 0!important}
 html body #hero.fvx .fvx-main{font-size:38px!important;line-height:1.38!important}
 html body #hero.fvx .fvx-photo{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:auto!important;height:min(320px,38svh)!important;margin:0 -24px 18px!important;-webkit-mask-image:none!important;mask-image:none!important;border-radius:0!important;box-shadow:none!important;background:#171612!important}
 html body #hero.fvx .fvx-photo img{object-position:center center!important;transform:scale(var(--sp-z,1)) translate(var(--sp-tx,0),var(--sp-ty,0))!important;-webkit-mask-image:radial-gradient(ellipse at center,#000 62%,transparent 100%)!important;mask-image:radial-gradient(ellipse at center,#000 62%,transparent 100%)!important}
 html body #hero.fvx-card .fvx-photo{width:min(300px,72%)!important;height:auto!important;aspect-ratio:1/1!important;margin:0 auto 18px!important;border-radius:12px!important;background:#fff!important;box-shadow:0 14px 40px rgba(0,0,0,.45)!important}
 html body #hero.fvx-card .fvx-photo img{transform:none!important;-webkit-mask-image:none!important;mask-image:none!important;object-fit:contain!important}
 html body #hero.fvx .fvx-cta{max-width:none!important}
}
@media(max-width:767px){
 html body #hero.fvx{padding:12px 0 26px!important}
 html body #hero.fvx.fvx-hdr{padding-top:93px!important}
 html body #hero.fvx .fvx-wrap{width:calc(100% - 40px)!important}
 html body #hero.fvx .fvx-bc{font-size:11px!important}
 html body #hero.fvx .fvx-copy{padding-top:14px!important}
 html body #hero.fvx .fvx-pledge{margin-bottom:12px!important;font-size:11px!important}
 html body #hero.fvx h1.fvx-h1{margin-bottom:14px!important}
 html body #hero.fvx .fvx-shop{font-size:min(18px,calc((100vw - 44px) / var(--n,14) / 1.04))!important;letter-spacing:.04em!important;margin-bottom:6px!important}
 html body #hero.fvx .fvx-main{font-size:clamp(26px,7.8vw,34px)!important;line-height:1.4!important;letter-spacing:.01em!important}
 html body #hero.fvx .fvx-photo{height:min(270px,33svh)!important;margin:0 -20px 16px!important}
 html body #hero.fvx-card .fvx-photo{height:auto!important;margin:0 auto 16px!important}
 html body #hero.fvx .fvx-desc{font-size:12px!important;line-height:1.8!important;margin-bottom:12px!important}
 html body #hero.fvx .fvx-services{font-size:11px!important;gap:4px 12px!important;margin-bottom:16px!important}
 html body #hero.fvx a.fvx-line{min-height:64px!important;padding:10px 16px!important}
 html body #hero.fvx .fvx-line .fvx-line-text strong{font-size:16px!important}
 html body #hero.fvx .fvx-hours{display:block!important;margin-left:0!important}
 html body #hero.fvx .fvx-note{font-size:11px!important;margin-top:12px!important}
}
@media(max-width:359px){
 html body #hero.fvx .fvx-wrap{width:calc(100% - 32px)!important}
 html body #hero.fvx .fvx-photo{margin:0 -16px 14px!important}
 html body #hero.fvx-card .fvx-photo{margin:0 auto 14px!important}
 html body #hero.fvx a.fvx-line{gap:10px!important;padding:10px 12px!important}
 html body #hero.fvx .fvx-line .fvx-line-text strong{font-size:15px!important}
 html body #hero.fvx .fvx-services{gap:4px 8px!important;font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){html body #hero.fvx :is(a.fvx-line,a.fvx-sub){transition:none!important}}

/* FVX-FIT-1014: スマホ・タブレットで縮小(--sp-z<1)の写真が切れる不具合の修正(ボス 2026-10-14「1680ページFV画像見切れてるスマホ版・他のページも」)
   原因=img が枠と同じ大きさで object-fit:cover に切り抜かれてから縮小されていた。切り抜かない cover の大きさで置き、
   中心からのずらし量(--sp-tx,ty)は枠の大きさ基準のまま再現する。PC・z>=1・カード型・未知の写真寸法は従来どおり。 */
@media(max-width:1023px){
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="1536"][height="1024"]{--r:1.5}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="1240"][height="1400"]{--r:0.8857}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="1200"][height="1200"]{--r:1.0}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="1200"][height="900"]{--r:1.3333}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="1198"][height="1200"]{--r:0.9983}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="1000"][height="1000"]{--r:1.0}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="960"][height="720"]{--r:1.3333}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="900"][height="1600"]{--r:0.5625}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="900"][height="1000"]{--r:0.9}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="840"][height="1400"]{--r:0.6}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="840"][height="1200"]{--r:0.7}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="840"][height="1000"]{--r:0.84}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="800"][height="1200"]{--r:0.6667}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="800"][height="800"]{--r:1.0}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="700"][height="1000"]{--r:0.7}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="670"][height="1200"]{--r:0.5583}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="600"][height="600"]{--r:1.0}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="600"][height="400"]{--r:1.5}
 html body #hero.fvx:not(.fvx-card) .fvx-photo img[width="320"][height="472"]{--r:0.678}
 html body #hero.fvx:not(.fvx-card) .fvx-photo[style*="--sp-z:0."]{container-type:size!important}
 html body #hero.fvx:not(.fvx-card) .fvx-photo[style*="--sp-z:0."] img:is([width="1536"][height="1024"],[width="1240"][height="1400"],[width="1200"][height="1200"],[width="1200"][height="900"],[width="1198"][height="1200"],[width="1000"][height="1000"],[width="960"][height="720"],[width="900"][height="1600"],[width="900"][height="1000"],[width="840"][height="1400"],[width="840"][height="1200"],[width="840"][height="1000"],[width="800"][height="1200"],[width="800"][height="800"],[width="700"][height="1000"],[width="670"][height="1200"],[width="600"][height="600"],[width="600"][height="400"],[width="320"][height="472"]){position:absolute!important;left:calc(50% + var(--sp-tx,0%) * var(--sp-z,1))!important;top:calc(50% + var(--sp-ty,0%) * var(--sp-z,1))!important;width:max(100cqw,100cqh * var(--r))!important;height:auto!important;transform:translate(-50%,-50%) scale(var(--sp-z,1))!important}
}
/* FVX-FIT-1014:end */

/* FVX-WIDE-1015:start ボス 2026-10-15「FV画像の横が切れているのがダサい。品物の上下は良い感じに見切らせていい」= 写真は常に幅で合わせる(横は切らない)。縦は中央基準で見切れさせ、足りない分は暗背景で埋める。FVX-FITの寸法別クロップとtx/ty/zの平行移動・拡大は停止。 */
html body .fvx .fvx-photo, html body #hero.fvx:not(.fvx-card) .fvx-photo[style]{display:flex!important;align-items:center!important;justify-content:center!important;background:#0B1120!important;container-type:normal!important;overflow:hidden!important}
html body .fvx .fvx-photo img, html body #hero.fvx:not(.fvx-card) .fvx-photo[style] img[src][width][height]{position:static!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:unset!important;object-position:center center!important;transform:none!important}
/* FVX-WIDE-1015:end */

/* FVX-TALL-1015:start 縦長(h>w)のFV写真はWIDEの幅合わせだと中央の帯だけが見える(16233でボス指摘)。
   縦長の頁(figure.fvx-ptr)だけ 10/14 FVX-FIT の挙動(cover+頁別の--tx/ty/z)へ戻す。横長・正方形はWIDEのまま。 */
html body #hero.fvx:not(.fvx-card) .fvx-photo.fvx-ptr[style]{display:block!important;background:#171612!important}
html body #hero.fvx:not(.fvx-card) .fvx-photo.fvx-ptr[style] img[src][width][height]{position:static!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;transform:scale(var(--pc-z,1)) translate(var(--pc-tx,0),var(--pc-ty,0))!important}
@media(max-width:1023px){
 html body #hero.fvx:not(.fvx-card) .fvx-photo.fvx-ptr[style] img[src][width][height]{transform:scale(var(--sp-z,1)) translate(var(--sp-tx,0),var(--sp-ty,0))!important}
 html body #hero.fvx:not(.fvx-card) .fvx-photo.fvx-ptr[style*="--sp-z:0."]{container-type:size!important}
 html body #hero.fvx:not(.fvx-card) .fvx-photo.fvx-ptr[style*="--sp-z:0."] img[src][width][height]{position:absolute!important;left:calc(50% + var(--sp-tx,0%) * var(--sp-z,1))!important;top:calc(50% + var(--sp-ty,0%) * var(--sp-z,1))!important;width:max(100cqw,100cqh * var(--r,1))!important;height:auto!important;transform:translate(-50%,-50%) scale(var(--sp-z,1))!important}
}
/* FVX-TALL-1015:end */