@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400&display=swap");

.rb-journey {
  --rbc-pages-css-loaded: 1;
}

.rb-journey{--paper:#f4f1e9;--ink:#171816;--muted:#6d6b63;--green:#263d34;--gold:#9b8150;--line:rgba(23,24,22,.18);width:100vw;margin-left:calc(50% - 50vw);background:var(--paper);color:var(--ink);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;overflow:hidden}
.rb-journey *{box-sizing:border-box}.rb-journey img{display:block;width:100%;height:100%;object-fit:cover}.rb-journey a{text-decoration:none}.rbj-inner{margin:auto}.rbj-hero{position:relative;display:grid;align-items:end;background:#111;color:#fff}.rbj-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.06) 72%)}.rbj-hero img{position:absolute;inset:0}.rbj-hero-copy{position:relative;z-index:1;padding:120px 0 74px;max-width:740px}.rbj-hero p{font-size:clamp(16px,2vw,20px);line-height:2;letter-spacing:.05em}.rbj-nav{position:sticky;top:0;z-index:5;background:rgba(244,241,233,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.rbj-nav .rbj-inner{display:flex;gap:26px;overflow:auto;padding:17px 0}.rbj-nav a{font:600 11px/1 Arial,sans-serif;letter-spacing:.14em;color:var(--ink);white-space:nowrap}.rbj-pairs{display:grid;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rbj-pair:first-child{background:var(--green);color:#fff}.rbj-chapter-head{margin-bottom:55px}.rbj-duo{margin-top:28px}.rbj-timeline{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid var(--line)}.rbj-era{padding:35px 28px;border-right:1px solid var(--line)}.rbj-era:last-child{border-right:0}.rbj-era strong{color:var(--gold)}.rbj-closing{position:relative;display:grid;place-items:center;text-align:center;color:#fff;background:#111}.rbj-closing:after{content:"";position:absolute;inset:0}.rbj-closing img{position:absolute;inset:0}.rbj-closing-inner{position:relative;z-index:1}.rbj-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:36px}.rbj-btn{background:#fff;color:#171816!important;font:600 13px Arial,sans-serif}.rbj-btn.alt{background:transparent;color:#fff!important;border:1px solid #fff}.rbj-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.rbj-next a{background:var(--paper);color:var(--ink)!important;padding:34px}.rbj-next strong{display:block;font-size:20px;font-weight:400;margin-top:12px}
@media(max-width:760px){.rbj-hero-copy{padding:100px 0 50px}.rbj-duo,.rbj-timeline,.rbj-next-grid{grid-template-columns:1fr}.rbj-era{border-right:0;border-bottom:1px solid var(--line)}}


/* The published commitment page has no stable slug body class, so use its journey root as the fallback scope. */
:where(body.ribaco-nc-journey,body:has(.rb-journey)) main>h1.wow,
:where(body.ribaco-nc-journey,body:has(.rb-journey)) main>.bread_wrap{display:none!important}
:where(body.ribaco-nc-journey,body:has(.rb-journey)) main>section{padding:0!important;margin:0!important}
:where(body.ribaco-nc-journey,body:has(.rb-journey)) main>section>.container.gutters,
:where(body.ribaco-nc-journey,body:has(.rb-journey)) main .container.gutters{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
:where(body.ribaco-nc-journey,body:has(.rb-journey)) main .container.gutters>.row,
:where(body.ribaco-nc-journey,body:has(.rb-journey)) main section>.container>.row{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
:where(body.ribaco-nc-journey,body:has(.rb-journey)) main .col.span_9.column_main{width:100%!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important}
:where(body.ribaco-nc-journey,body:has(.rb-journey)) main .sidebar{display:none!important}
:where(body.ribaco-nc-journey,body:has(.rb-journey)) main{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;overflow:hidden}

.rbj-title,.rbj-title2,.rbj-title3{background:none!important;border:0!important;box-shadow:none!important;text-shadow:none!important;padding:0!important}

.rbj-hero .rbj-title{margin:18px 0 25px}
.rbj-opening .rbj-title2,.rbj-closing .rbj-title2{margin:20px 0 28px}
.rbj-era .rbj-title3{margin:18px 0}

.rbj-after-weave{margin-top:28px}

.rb-journey{font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif!important;font-weight:300;color:#171816}
.rbj-inner{width:min(1200px,calc(100% - 80px));margin-left:auto;margin-right:auto}
.rbj-title,.rbj-title2,.rbj-title3,.rbj-quote p{font-family:inherit;font-weight:300!important;text-wrap:balance}
.rbj-hero{min-height:480px;margin:0}
/* Legacy EPRESS override: replaces the public journey restore block's forced title tracking. */
.rbc-redesign.rb-journey .rbj-hero .rbj-title{font-size:46px;line-height:1.6;letter-spacing:.13em!important}.rbj-hero .rbj-product-name{letter-spacing:.02em;white-space:nowrap}
.rbj-opening{padding:68px 0 64px;text-align:left}
.rbj-pairs{width:min(1200px,calc(100% - 80px));margin:0 auto;display:grid;grid-template-columns:1fr 1fr}
.rbj-pair{min-height:320px;padding:56px 46px;display:flex;flex-direction:column;justify-content:center}
.rbj-pair .rbj-title3{font-size:30px;line-height:1.6;letter-spacing:.2em;margin:0 0 28px}
.rbj-chapter-head{display:block}
.rbj-duo .rbj-photo{height:320px}
.rbj-feature{min-height:320px;margin:0 0 20px}
.rbj-feature .rbj-photo{height:320px;min-height:320px}
.rbj-copy .rbj-title3{font-size:24px;line-height:1.6;letter-spacing:.22em;margin:0 0 22px}
.rbj-finish-grid .rbj-card .rbj-photo{height:230px}.rbj-finish-grid .rbj-copy{padding:38px 28px!important}.rbj-finish-grid .rbj-title3{font-size:20px;letter-spacing:.2em}
.rbj-history{padding:72px 0!important}.rbj-history>.rbj-inner>.rbj-title2{margin-bottom:58px}.rbj-history-grid{gap:24px!important}.rbj-era{padding:36px 30px}
.rbj-era>strong{font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;font-size:32px;font-weight:300;letter-spacing:.12em;line-height:1.5}
.rbj-era .rbj-title3{font-size:20px;line-height:1.6;letter-spacing:.18em}
.rbj-closing{height:480px;min-height:480px}.rbj-closing-inner{width:min(780px,calc(100% - 80px))}
.rbj-closing-inner p{font-size:17.5px;line-height:2;letter-spacing:.08em}.rbj-closing-inner{opacity:1!important;transform:none!important;animation:none!important}
.rbj-closing .rbj-title2,.rbj-closing-inner p{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.65)}
.rbj-closing:after{background:rgba(0,0,0,.56)}
.rbj-closing .rbj-btn-primary{background:#c9ad72!important;border-color:#c9ad72!important;color:#171816;font-weight:700!important}
.rbj-closing .rbj-btn-secondary{background:rgba(0,0,0,.24)!important;border-color:#fff!important;color:#fff}
.rbj-next{padding:42px 0 0}.rbj-bridge{max-width:900px;margin:0 auto 38px;text-align:center;font-size:16px;line-height:2;letter-spacing:.06em;color:#5f5d56}
@keyframes rbj-fade-up{from{opacity:.04;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rbj-image-rise{from{opacity:.04;transform:translateY(36px) scale(1.035)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rbj-reduced-fade{from{opacity:.08}to{opacity:1}}
@supports (animation-timeline:view()){.rbj-chapter-head,.rbj-pair,.rbj-card,.rbj-quote p,.rbj-era{animation:rbj-fade-up linear both;animation-timeline:view();animation-range:entry 0% cover 34%}.rbj-photo,.rbj-closing>img{animation:rbj-image-rise linear both;animation-timeline:view();animation-range:entry 0% cover 38%}}
@media(prefers-reduced-motion:reduce){@supports (animation-timeline:view()){.rbj-chapter-head,.rbj-pair,.rbj-card,.rbj-quote p,.rbj-era,.rbj-photo,.rbj-closing>img{animation:rbj-reduced-fade linear both!important;animation-timeline:view()!important;animation-range:entry 0% cover 24%!important;transform:none!important}}}
@media(max-width:900px){
.rbj-inner{width:calc(100% - 60px)}.rbj-hero{min-height:420px}.rbc-redesign.rb-journey .rbj-hero .rbj-title{font-size:28px;line-height:1.6;letter-spacing:.06em!important}
.rbj-opening{padding:68px 0 64px}
.rbj-pairs{width:calc(100% - 30px);grid-template-columns:1fr}.rbj-pair{min-height:0;padding:52px 30px}.rbj-pair .rbj-title3{font-size:24px;letter-spacing:.09em}
.rbj-duo .rbj-photo,.rbj-feature .rbj-photo,.rbj-finish-grid .rbj-card .rbj-photo{height:215px;min-height:215px}
.rbj-feature{min-height:0;margin-bottom:24px}
.rbj-copy .rbj-title3,.rbj-finish-grid .rbj-title3{font-size:20px;line-height:1.6;letter-spacing:.18em}
.rbj-history{padding:68px 0!important}.rbj-history-grid{grid-template-columns:1fr!important}.rbj-era{padding:32px 26px}
.rbj-era>strong{font-size:26px;letter-spacing:.09em}
.rbj-closing{height:430px;min-height:430px}.rbj-closing-inner{width:calc(100% - 60px)}.rbj-closing-inner p{font-size:16px;line-height:1.8;letter-spacing:0}.rbj-next{padding:50px 0}
}

@media(min-width:901px){.rbj-nav .rbj-inner{width:900px!important;max-width:calc(100% - 60px);justify-content:space-between;gap:0!important}.rbj-nav a{font-size:13px!important}}

/* Access page body styles externalized from WordPress content; Legacy EPRESS overrides preserved. */
.page_contact.access-page-contact{
  max-width:1180px;
  margin:28px auto 50px;
  padding:28px 24px!important;
  background:#f7f5ef;
}

.page_contact.access-page-contact > .access-page-intro{
  display:block!important;
  max-width:760px;
  margin:0 auto 36px;
  text-align:center;
}

.page_contact.access-page-contact > .rb-contact-columns{
  display:flex!important;
}

.access-page-contact::after{
  display:none!important;
}

.access-page-contact h3{
  color:#b49a55;
}

.access-page-lead{
  font-size:1.15em;
  line-height:2;
}

.access-page-note{
  color:#666;
}

@media(max-width:700px){
  .page_contact.access-page-contact{
    padding:20px 10px!important;
  }

  .page_contact.access-page-contact > .rb-contact-columns{
    display:block!important;
  }
}

/* Company page body styles externalized from WordPress content; Legacy EPRESS link overrides preserved. */
.company-renew{--gold:#b79a50;--ink:#2f352f;--pale:#f5f2e9;max-width:1120px;margin:0 auto;color:var(--ink)}
.company-renew *{box-sizing:border-box}.company-lead{text-align:center;padding:20px 32px 44px}.company-kicker{color:#9a7a2e;font-size:13px;font-weight:700;letter-spacing:.22em}.company-lead h2{margin:14px 0 20px;font-size:clamp(28px,3.1vw,44px);font-weight:500;line-height:1.5}.company-lead p{max-width:820px;margin:auto;font-size:17px;line-height:2}
.company-renew .company-domains{gap:16px;margin:0 0 48px}.company-domain{padding:26px 24px;border:1px solid #dacda9;border-radius:18px;background:var(--pale)}.company-domain b{display:block;margin-bottom:10px;font-size:20px}.company-domain p{margin:0;line-height:1.8}
.company-profile-title{text-align:center;margin:0 0 24px;font-size:28px;font-weight:500}.company-table a{color:#8a681e;font-weight:600}
.company-renew .company-bases{gap:18px;margin:48px 0 22px}.company-base{padding:26px;border:1px solid #d2c294;border-radius:20px}.company-base h3{margin:0 0 14px;font-size:21px}.company-base p{margin:0;line-height:1.85}.company-actions{gap:12px;margin:24px 0 50px}.company-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:13px 20px;border:1px solid var(--gold);color:#6c5018!important;text-decoration:none!important;font-weight:600}.company-actions a:first-child{background:var(--gold);color:#fff!important}
.company-contact .ribaco-common-links{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.company-lead{padding:10px 14px 30px}.company-lead p{font-size:15px;text-align:left}.company-actions a{width:100%}}

/* Products hub body styles externalized from WordPress content; Legacy EPRESS overrides preserved. */
.products-hub{--gold:#b5964b;--line:#d8c28a;--ink:#342f27;--soft:#f7f3e9;color:var(--ink)}
.products-hub .page_border{padding-top:28px!important}.ph-intro{text-align:center;max-width:760px;margin:0 auto 34px;line-height:1.95}.ph-kicker{font-size:12px;letter-spacing:.18em;color:#8b7c5c;margin-bottom:8px}.ph-lead{font-size:19px;margin:0}.ph-chair{padding:32px;background:#f7f4ed;border:1px solid var(--line)}.ph-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.ph-section-head h3{margin:0;font-size:27px}.ph-section-head p{margin:7px 0 0;line-height:1.8}.ph-link{color:#8c6b1f!important;font-weight:700;text-decoration:none!important}.ph-textures{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ph-texture{position:relative;display:block;height:230px;overflow:hidden;background:#ddd}.ph-texture img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.ph-texture:hover img{transform:scale(1.035)}.ph-texture span{position:absolute;left:12px;bottom:11px;background:rgba(255,255,255,.9);padding:5px 9px;font-size:13px;letter-spacing:.05em;color:#423827}.ph-chair-note{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:20px}.ph-chair-note p{margin:0;line-height:1.8}.ph-main-btn{display:inline-block!important;background:#a9883b!important;color:#fff!important;padding:13px 25px!important;text-decoration:none!important;font-weight:700}.ph-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:42px 0}.ph-category{border:1px solid var(--line);overflow:hidden}.ph-category-visual{height:210px;overflow:hidden;background:#eee}.ph-category-body{padding:22px}.ph-category h3{font-size:24px;margin:0 0 8px}.ph-category p{margin:0 0 18px;line-height:1.8}.ph-subnav{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #e5dcc5}.ph-subnav a{padding:14px 15px;color:#4b4233!important;text-decoration:none!important;border-right:1px solid #e5dcc5;border-bottom:1px solid #e5dcc5}.ph-subnav a:nth-child(even){border-right:0}.ph-subnav a::after{content:' →';color:#a27d27}.ph-support{margin:48px 0 36px;padding:28px;background:#403a31;color:#fff}.ph-support h3{margin:0 0 18px;color:#fff}.ph-support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.25)}.ph-support a{display:block;background:#403a31;color:#fff!important;padding:18px;text-decoration:none!important}.ph-support strong{display:block;margin-bottom:6px}.ph-support span{font-size:13px;opacity:.82;line-height:1.6}.ph-support a::after{content:' →';color:#d9c17c}
@media(max-width:700px){.products-hub .page_border{padding-top:18px!important}.ph-intro{margin-bottom:24px}.ph-lead{font-size:16px;text-align:left}.ph-chair{padding:18px 14px}.ph-section-head{display:block}.ph-section-head .ph-link{display:none}.ph-textures{grid-template-columns:repeat(2,1fr);gap:5px}.ph-texture{height:155px}.ph-chair-note{display:block}.ph-main-btn{display:block!important;text-align:center;margin-top:16px}.ph-categories{grid-template-columns:1fr;gap:18px;margin:30px 0}.ph-category-visual{height:180px}.ph-support{padding:22px 16px}.ph-support-grid{grid-template-columns:1fr}.ph-support a{border-bottom:1px solid rgba(255,255,255,.2)}}
.ph-chair-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}.ph-main-btn-secondary{background:#fff!important;color:#8c6b1f!important;border:1px solid #a9883b!important}@media(max-width:700px){.ph-chair-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px}.ph-chair-actions .ph-main-btn{margin-top:0!important}}

/* Showroom page refinements. */
.showroom-info-table th{width:30%}
.showroom-notice{color:#f00}

/* Legacy WPCode override: preserve product hero sizing during header migration. */
@media (min-width:900px){.nc-hero,.tr-hero,.rb-hero,.mn-hero,.sora-hero,.rf-hero,.pr-hero,.hn-hero{min-height:454px!important;background-position:center center!important;background-size:cover!important;box-sizing:border-box!important}}

/* Legacy product breadcrumb rules migrated from WPCode F12. */
.ribaco-product-breadcrumb ul{padding:9px 0!important}
.ribaco-product-breadcrumb li,.ribaco-product-breadcrumb li a{color:#777!important;font-size:11px!important;line-height:1.6!important;text-decoration:none}
.ribaco-product-breadcrumb li:last-child{color:#999!important}
.ribaco-product-breadcrumb li a:hover{color:#9a7827!important;text-decoration:underline}
.ribaco-mobile-chair-back{display:none}
@media(max-width:700px){
.ribaco-product-breadcrumb{padding:0 2%!important}
.ribaco-product-breadcrumb ul{display:none!important}
.ribaco-mobile-chair-back{display:inline-flex;align-items:center;padding:10px 0;color:#6e6253!important;font-size:13px;font-weight:600;text-decoration:none}
.ribaco-mobile-chair-back:before{content:'←';margin-right:7px;color:#a68735}
}

/* Legacy home breadcrumb rule migrated from WPCode F14. */
body:has(.home-renewal) .row.bread{display:none!important}

/* Legacy WPCode override: align the works archive mobile gutter with the existing 18px page spacing. */
@media(max-width:580px){
html body:has(article.category-works_php) main .container.gutters{width:calc(100% - 36px)!important}
}

/* Legacy WPCode override: prevent the later F32 rule from shrinking works archive cards at 1500px. */
@media(min-width:1500px){
html body:has(article.category-works_php) .column_main{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* The JS-generated works series host is a direct child of the legacy WPCode archive grid. */
body.ribaco-works-archive.ribaco-series-ready .column_main > #ribaco-works-series{
  grid-column:1 / -1;
  width:100%;
  min-width:0;
}

/* Legacy WPCode F09 exact-value migration for the chair weave anchor. */
.chair-visual-section#weave-expression{scroll-margin-top:24px}
.nc-selection-actions .nc-weave-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #7a6c57;border-radius:22px;background:#fff;color:#4a4035!important;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;transition:.2s}
.nc-selection-actions .nc-weave-link:hover{background:#f5f1e8;color:#2f2923!important}
@media(max-width:700px){.nc-selection-main{gap:8px}.nc-selection-actions{gap:6px;flex-wrap:wrap}.nc-selection-actions .nc-weave-link{order:3;padding:8px 11px;font-size:12px}}


/* Legacy WPCode F19 exact-value migration. */
body:has(.rca-case) .article_date,
body:has([class*=\"work-case-\"]) .article_date,
body:has(article.category-works_php) .article_date{display:none!important}
.work-sample-cart{top:auto!important;height:auto!important;min-height:0!important;bottom:24px!important;line-height:1.4!important;white-space:nowrap!important}
@media(max-width:700px){.work-sample-cart{top:auto!important;bottom:78px!important;height:auto!important}}

/* Legacy WPCode F20 exact-value migration. */
body:has(article.category-works_php) .column_sub{display:none!important}
body:has(article.category-works_php) .column_main{width:100%!important;float:none!important}
body:has(article.category-works_php) article.category-works_php{padding:0 8px!important;margin:0 0 22px!important;box-sizing:border-box!important}
body:has(article.category-works_php) article.category-works_php>div{overflow:hidden;background:#fff;border:1px solid #ddd4c0;box-shadow:0 8px 22px rgba(40,34,25,.08)}
body:has(article.category-works_php) article.category-works_php figure{margin:0!important;overflow:hidden;aspect-ratio:1.48/1;background:#eee}
body:has(article.category-works_php) article.category-works_php figure a{display:block;width:100%;height:100%}
body:has(article.category-works_php) article.category-works_php figure img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .35s ease}
body:has(article.category-works_php) article.category-works_php:hover figure img{transform:scale(1.025)}
body:has(article.category-works_php) article.category-works_php p{margin:0!important;background:#302d28;padding:14px 16px 15px!important;min-height:70px;box-sizing:border-box}
body:has(article.category-works_php) article.category-works_php p a{display:block;color:#fff!important;text-decoration:none!important;line-height:1.45}
body:has(article.category-works_php) .rwa-code{display:block;font-size:20px;font-weight:700;letter-spacing:.03em}
body:has(article.category-works_php) .rwa-partner{display:block;margin-top:4px;font-size:13px;color:#d8d1c4}
body:has(article.category-works_php) .article_date{display:none!important}
@media(max-width:900px){body:has(article.category-works_php) article.category-works_php{width:50%!important}}
@media(max-width:580px){body:has(article.category-works_php) article.category-works_php{width:100%!important;padding:0!important}body:has(article.category-works_php) article.category-works_php figure{aspect-ratio:1.55/1}}

/* Legacy WPCode F24 exact-value migration. */
.article_date{display:none!important}.column_sub{display:none!important}.column_main{width:100%!important;float:none!important}.work-case-398{max-width:960px;margin:34px auto 10px}.work-case-398__data{margin:0 0 28px;border-top:1px solid #cdbb88}.work-case-398__row{display:grid;grid-template-columns:190px 1fr;border-bottom:1px solid #ddd6c4}.work-case-398__row dt,.work-case-398__row dd{margin:0;padding:16px 20px;line-height:1.7}.work-case-398__row dt{font-weight:700;background:#f6f2e8}.work-case-398__text{margin:26px 0;font-size:16px;line-height:2}.work-case-398__actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}.work-case-398__actions a,.work-case-398__actions button{display:flex;align-items:center;justify-content:center;min-height:62px;padding:12px 14px;border:1px solid #b4923e;background:#fff;color:#725615!important;text-decoration:none!important;font-size:15px;font-weight:700;line-height:1.45;text-align:center;cursor:pointer}.work-case-398__actions a:first-child{background:#b4923e;color:#fff!important}.work-case-398__actions button[aria-pressed="true"]{background:#334b3f;color:#fff!important;border-color:#334b3f}@media(max-width:850px){.work-case-398__actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.work-case-398{margin-top:22px}.work-case-398__row{grid-template-columns:1fr}.work-case-398__row dt{padding:11px 15px;border-bottom:0}.work-case-398__row dd{padding:12px 15px 17px}.work-case-398__actions{gap:8px}.work-case-398__actions a,.work-case-398__actions button{min-height:58px;font-size:14px}}

/* Legacy WPCode F27 exact-value migration. */
body:has(article.category-works_php) .rwa-archive-intro{grid-column:1/-1;margin:0 0 18px;padding:20px 24px;background:#f7f4ec;border-left:4px solid #b79747;color:#333;line-height:1.9}
body:has(article.category-works_php) .rwa-archive-intro p{margin:0!important;padding:0!important;min-height:0!important;background:transparent!important;color:#333!important}
.rwa-photo-index{display:inline-block;margin-top:5px;padding:2px 8px;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:#d8d1c4;font-size:11px}
body:has(article.category-works_php) article.category-works_php a:focus-visible{outline:3px solid #b79747!important;outline-offset:3px}
body:has(article.category-works_php) article.category-works_php figure img{object-position:var(--rwa-focus,50% 50%)!important}
.rwa-detail-note{margin:18px 0 26px;padding:15px 18px;background:#f7f4ec;border-left:3px solid #b79747;line-height:1.85}
.rwa-related-nav{margin:38px auto 18px;max-width:960px;padding-top:24px;border-top:1px solid #d8ceb4}
.rwa-related-nav h2{margin:0 0 16px!important;font-size:22px!important;text-align:left!important}
.rwa-related-nav h2::before,.rwa-related-nav h2::after{content:none!important;display:none!important}
.rwa-related-nav__links{display:flex;flex-wrap:wrap;gap:10px}
.rwa-related-nav__links a{display:inline-flex;align-items:center;min-height:48px;padding:10px 18px;border:1px solid #b4923e;color:#725615!important;text-decoration:none!important;font-weight:700}
@media(max-width:580px){body:has(article.category-works_php) .rwa-archive-intro{padding:16px 17px;margin-bottom:10px}}

/* Legacy WPCode F33 exact-value migration. */
body:has(article.category-works_php) .rwa-archive-intro,body:has(article.category-works_php) .rwa-photo-index{display:none!important}

/* Legacy WPCode works archive grid fix exact-value migration. */
body:has(article.category-works_php) .column_main{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px;align-items:start}body:has(article.category-works_php) .column_main>article.category-works_php{width:auto!important;float:none!important;margin:0!important;padding:0!important}body:has(article.category-works_php) .column_main>br{display:none!important}@media(max-width:900px){body:has(article.category-works_php) .column_main{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){body:has(article.category-works_php) .column_main{grid-template-columns:1fr}}

/* Legacy WPCode works archive full-width exact-value migration. */
body:has(article.category-works_php) main .container.gutters{width:calc(100% - 80px)!important;max-width:1680px!important;margin-left:auto!important;margin-right:auto!important}body:has(article.category-works_php) main .container.gutters>.row{width:100%!important;margin-left:0!important;margin-right:0!important}body:has(article.category-works_php) main .column_main:has(article.category-works_php){width:100%!important;max-width:none!important;float:none!important;margin:0!important}

/* Legacy WPCode F32 works archive 4-column rule exact-value migration. */
@media (min-width:1500px){body:has(article.category-works_php) .column_main{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* New home design, first implementation batch. */
.rb-home{
  width:100%;
  overflow:hidden;
  background:var(--rb-color-paper);
  color:var(--rb-color-ink);
  font-family:var(--rb-font-body);
}

.rb-home *,
.rb-home *::before,
.rb-home *::after{
  box-sizing:border-box;
}

.rb-home img{
  display:block;
  max-width:100%;
}

/* Legacy EPRESS override: remove the standard page shell only when the new home root exists. */
body:has(.rb-home) main>h1.wow,
body:has(.rb-home) main>.bread_wrap,
body:has(.rb-home) main .column_sub,
body:has(.rb-home) main .sidebar{
  display:none!important;
}

body:has(.rb-home) main,
body:has(.rb-home) main>section,
body:has(.rb-home) main>section>.container.gutters,
body:has(.rb-home) main .container.gutters:has(.rb-home),
body:has(.rb-home) main .container.gutters>.row:has(.rb-home),
body:has(.rb-home) main .column_main:has(.rb-home){
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

body:has(.rb-home) main .column_main:has(.rb-home){
  float:none!important;
}

body:has(.rb-home) main{
  overflow:hidden;
}

.rb-home .rbh-section-title{
  max-width:780px;
  font-size:clamp(34px,3.6vw,50px);
  font-weight:400;
  line-height:1.45;
  letter-spacing:.055em;
}

.rb-home .rbh-section-lead,
.rb-home .rbh-feature__text{
  font-size:16px;
  line-height:2;
  letter-spacing:.035em;
}

.rb-home .rbh-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.rb-home .rbh-button{
  min-width:176px;
  min-height:48px;
  padding:14px 24px;
  border-radius:0;
}

.rb-home .rbh-link-arrow{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--rb-color-ink);
  font-family:var(--rb-font-body);
  font-size:14px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.04em;
  text-decoration:none;
}

.rb-home .rbh-link-arrow span{
  margin-left:10px;
  transition:transform .2s ease;
}

.rb-home .rbh-link-arrow:hover span{
  transform:translateX(4px);
}

.rb-home a:focus-visible{
  outline:3px solid var(--rb-color-accent);
  outline-offset:4px;
}

.rbh-hero{
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:640px;
  background:#171816;
  color:#fff;
}

.rbh-hero__image,
.rbh-hero__overlay{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.rbh-hero__image{
  object-fit:cover;
  object-position:center 48%;
}

.rbh-hero__overlay{
  background:linear-gradient(90deg,rgba(8,12,10,.78) 0%,rgba(8,12,10,.54) 44%,rgba(8,12,10,.12) 76%);
}

.rbh-hero__inner{
  position:relative;
  z-index:1;
  padding-bottom:72px;
}

.rb-home .rbh-hero__title{
  max-width:920px;
  margin:0 0 24px;
  color:#fff;
  font-size:clamp(54px,4.65vw,60px);
  font-weight:400;
  line-height:1.42;
  letter-spacing:.035em;
  text-shadow:0 2px 22px rgba(0,0,0,.36);
}

.rb-home .rbh-hero__lead{
  max-width:660px;
  margin:0 0 34px;
  color:rgba(255,255,255,.92);
  font-size:17px;
  line-height:2;
  letter-spacing:.045em;
  text-shadow:0 1px 12px rgba(0,0,0,.45);
}

.rb-home .rbh-button--primary{
  background:#c9ad72;
  color:#171816;
}

.rb-home .rbh-button--outline{
  border-color:#fff;
  color:#fff;
}

.rbh-role{
  padding:96px 0 92px;
  background:var(--rb-color-paper);
}

.rbh-role__inner{
  display:block;
}

.rbh-role__intro{
  width:min(820px,100%);
  margin:0 auto;
}

.rbh-role__intro .rbh-section-lead{
  max-width:none;
  margin:30px 0 0;
}

.rbh-responsibilities{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:min(900px,100%);
  margin:48px auto 0;
  padding:0;
  border-top:1px solid var(--rb-color-line);
  border-bottom:1px solid var(--rb-color-line);
  list-style:none;
}

.rbh-responsibilities li{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:88px;
  padding:18px 14px;
  color:var(--rb-color-ink);
  font-family:var(--rb-font-display);
  font-size:17px;
  line-height:1.5;
  letter-spacing:.08em;
  text-align:center;
}

.rbh-responsibilities li:not(:nth-child(3n+1)){
  border-left:1px solid var(--rb-color-line);
}

.rbh-responsibilities li:nth-child(n+4){
  border-top:1px solid var(--rb-color-line);
}

.rbh-role__note{
  width:min(900px,100%);
  margin:22px auto 0;
  color:var(--rb-color-muted)!important;
  font-size:14px!important;
  line-height:1.9!important;
  text-align:left;
}

.rbh-fabrics{
  padding:82px 0 86px;
  background:#fff;
}

.rbh-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,470px);
  gap:54px;
  align-items:end;
  margin-bottom:48px;
}

.rbh-section-head .rbh-section-lead{
  color:var(--rb-color-muted);
}

.rbh-fabric-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:38px 18px;
}

.rbh-fabric-card,
.rbh-fabric-card a{
  min-width:0;
}

.rbh-fabric-card a{
  display:block;
  color:var(--rb-color-ink);
  text-decoration:none;
}

.rbh-fabric-card__media{
  aspect-ratio:1 / 1;
  overflow:hidden;
  background:#ece9e2;
}

.rbh-fabric-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

.rbh-fabric-card a:hover .rbh-fabric-card__media img{
  transform:scale(1.025);
}

.rbh-fabric-card__body{
  padding:18px 2px 0;
}

.rb-home .rbh-fabric-card h3{
  margin:0 0 8px;
  font-family:var(--rb-font-ui);
  font-size:20px;
  font-weight:500;
  line-height:1.35;
  letter-spacing:.045em;
}

.rb-home .rbh-fabric-card p{
  color:var(--rb-color-muted);
  font-size:14px;
  line-height:1.75;
  letter-spacing:.015em;
}

.rbh-section-link{
  display:flex;
  justify-content:flex-end;
  margin-top:38px;
}

.rbh-feature--pearl{
  padding:96px 0;
  background:var(--rb-color-paper);
}

.rbh-pearl-grid{
  display:grid;
  grid-template-columns:minmax(0,58fr) minmax(0,42fr);
  min-height:520px;
}

.rbh-feature__media{
  min-height:520px;
  overflow:hidden;
  background:#ddd8ce;
}

.rbh-feature__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.rbh-feature__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:58px 54px;
  background:var(--rb-color-brand);
  color:#fff;
}

.rb-home .rbh-service-title{
  margin:0;
  color:#d8c18a;
  font-size:36px;
  font-weight:400;
  line-height:1.45;
  letter-spacing:.06em;
}

.rb-home .rbh-feature__content .rbh-feature__text{
  margin:24px 0 26px;
  color:#fff;
}

.rbh-pearl-facts{
  width:100%;
  margin:0 0 32px;
  border-top:1px solid rgba(255,255,255,.28);
}

.rbh-pearl-facts > div{
  display:grid;
  grid-template-columns:128px minmax(0,1fr);
  gap:18px;
  align-items:baseline;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.28);
}

.rbh-pearl-facts dt,
.rbh-pearl-facts dd{
  margin:0;
}

.rbh-pearl-facts dt{
  color:#d8c18a;
  font-size:13px;
  font-weight:700;
  line-height:1.7;
  letter-spacing:.04em;
}

.rbh-pearl-facts dd{
  color:#fff;
  font-size:15px;
  line-height:1.7;
}

.rb-home .rbh-button--pearl{
  min-width:210px;
  border:1px solid #d8c18a;
  background:transparent;
  color:#fff;
}

.rbh-interior{
  padding:98px 0 104px;
  background:#fff;
}

.rbh-interior__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,500px);
  gap:70px;
  align-items:start;
  margin-bottom:48px;
}

.rbh-interior__copy .rbh-feature__text{
  margin:0 0 20px;
  color:var(--rb-color-muted);
}

.rbh-interior__media{
  width:100%;
  aspect-ratio:2 / 1;
  overflow:hidden;
  background:#e8e3da;
}

.rbh-interior__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

/* Lower test-page sections retained from the existing home structure and refined incrementally. */
.rbh-legacy-lower{
  width:min(1200px,calc(100% - 80px));
  margin:0 auto;
  padding:72px 0 54px;
  font-family:var(--rb-font-body);
}

.rbh-legacy-lower .home-news-strip{
  display:grid;
  grid-template-columns:190px minmax(0,1fr) 94px;
  gap:32px;
  align-items:start;
  padding:30px 0;
  border-top:1px solid var(--rb-color-line);
  border-bottom:1px solid var(--rb-color-line);
}

.rbh-legacy-lower .home-news-strip-head h2{
  margin:6px 0 0;
  font-family:var(--rb-font-display);
  font-size:32px;
  font-weight:400;
  line-height:1.45;
  letter-spacing:.06em;
  word-break:normal;
  overflow-wrap:normal;
}

.rbh-legacy-lower h2,
.rbh-legacy-lower h3{
  margin:8px 0 0;
  padding:0;
  border:0;
  background:none;
  color:var(--rb-color-ink);
  font-family:var(--rb-font-display);
  font-weight:400;
  line-height:1.55;
  letter-spacing:.07em;
}

.rbh-legacy-lower h2::before,
.rbh-legacy-lower h2::after,
.rbh-legacy-lower h3::before,
.rbh-legacy-lower h3::after{
  content:none;
}

.rbh-legacy-lower .home-news-strip-list a{
  display:grid;
  grid-template-columns:104px 72px minmax(0,1fr);
  gap:16px;
  min-height:44px;
  padding:10px 0;
  border-bottom:1px solid rgba(23,24,22,.1);
  color:var(--rb-color-ink);
  text-decoration:none;
}

.rbh-legacy-lower .home-news-strip-list time{
  font-family:var(--rb-font-body);
  font-size:14px;
  font-weight:400;
  line-height:1.8;
  letter-spacing:.02em;
}

.rbh-legacy-lower .home-news-strip-list small{
  color:var(--rb-color-accent);
  font-family:var(--rb-font-body);
  font-size:12px;
  font-weight:600;
  line-height:2.1;
  letter-spacing:.04em;
}

.rbh-legacy-lower .home-news-strip-list strong{
  min-width:0;
  font-family:var(--rb-font-body);
  font-size:18px;
  font-weight:500;
  line-height:1.65;
  letter-spacing:.02em;
}

.rbh-legacy-lower .home-news-all,
.rbh-legacy-lower .home-outline-btn,
.rbh-legacy-lower .home-company-links a{
  color:var(--rb-color-ink);
  font-size:14px;
  font-weight:700;
  text-decoration:none;
}

.rbh-legacy-lower .home-news-all{
  padding-top:14px;
  text-align:right;
}

.rbh-legacy-lower .home-company{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  margin-top:72px;
  padding:60px;
  background:#fff;
}

.rbh-legacy-lower .home-showroom{
  display:grid;
  grid-template-columns:minmax(0,55fr) minmax(0,45fr);
  gap:0;
  margin-top:72px;
  background:#fff;
}

.rbh-legacy-lower .home-showroom h2,
.rbh-legacy-lower .home-company h2{
  margin:0 0 26px;
  font-size:30px;
}

.rbh-legacy-lower .home-showroom-detail p,
.rbh-legacy-lower .home-company-copy p{
  margin:0 0 22px;
  font-size:15px;
  line-height:1.9;
}

.rbh-legacy-lower .home-showroom-visual{
  min-height:430px;
  overflow:hidden;
  background:#e8e3da;
}

.rbh-legacy-lower .home-showroom-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.rbh-legacy-lower .home-showroom-detail{
  align-self:center;
  padding:52px 54px;
}

.rbh-legacy-lower .home-showroom-places{
  display:grid;
  gap:8px;
  margin-bottom:24px;
}

.rbh-legacy-lower .home-outline-btn{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:10px 18px;
  border:1px solid var(--rb-color-ink);
}

.rbh-legacy-lower .home-company{
  padding:0;
}

.rbh-legacy-lower .home-company-visual{
  min-height:390px;
}

.rbh-legacy-lower .home-company-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.rbh-legacy-lower .home-company-copy{
  align-self:center;
  padding:52px 56px 52px 0;
}

.rbh-legacy-lower .home-company-links{
  display:flex;
  flex-wrap:wrap;
  gap:18px 24px;
}

.rb-home .rbh-legacy-lower .ph-support{
  margin:72px 0 0;
}

@media(max-width:900px){
  .rb-home{
    --rb-gutter-compact:30px;
  }

  .rbh-hero{
    min-height:560px;
  }

  .rbh-hero__inner{
    padding-bottom:58px;
  }

  .rb-home .rbh-hero__title{
    max-width:680px;
    font-size:46px;
  }

  .rbh-role{
    padding:76px 0 72px;
  }

  .rbh-section-head,
  .rbh-interior__head{
    grid-template-columns:1fr;
  }

  .rbh-fabrics{
    padding:72px 0 76px;
  }

  .rbh-section-head{
    gap:24px;
    margin-bottom:40px;
  }

  .rbh-fabric-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:34px 18px;
  }

  .rbh-feature--pearl{
    padding:72px 0;
  }

  .rbh-pearl-grid{
    grid-template-columns:1fr;
    min-height:0;
  }

  .rbh-feature__media{
    min-height:0;
    aspect-ratio:16 / 10;
  }

  .rbh-feature__content{
    padding:54px 48px 58px;
  }

  .rbh-interior{
    padding:76px 0 80px;
  }

  .rbh-interior__head{
    gap:26px;
    margin-bottom:38px;
  }

  .rbh-legacy-lower{
    width:calc(100% - 60px);
  }

  .rbh-legacy-lower .home-news-strip{
    grid-template-columns:160px minmax(0,1fr);
    gap:28px;
  }

  .rbh-legacy-lower .home-news-all{
    grid-column:2;
  }

  .rbh-legacy-lower .home-company{
    gap:36px;
    padding:42px;
  }

  .rbh-legacy-lower .home-showroom{
    grid-template-columns:1fr;
  }

  .rbh-legacy-lower .home-showroom-visual{
    min-height:0;
    aspect-ratio:3 / 2;
  }

  .rbh-legacy-lower .home-showroom-detail{
    padding:42px;
  }

  .rbh-legacy-lower .home-company{
    padding:0;
  }

  .rbh-legacy-lower .home-company-copy{
    padding:38px 36px 38px 0;
  }
}

@media(max-width:600px){
  .rb-home{
    --rb-gutter-compact:20px;
  }

  .rbh-hero{
    min-height:540px;
  }

  .rbh-hero__image{
    object-position:58% center;
  }

  .rbh-hero__overlay{
    background:linear-gradient(90deg,rgba(8,12,10,.82),rgba(8,12,10,.32)),linear-gradient(0deg,rgba(8,12,10,.34),transparent 55%);
  }

  .rbh-hero__inner{
    padding-bottom:46px;
  }

  .rb-home .rbh-hero__title{
    margin-bottom:18px;
    font-size:36px;
    line-height:1.5;
    letter-spacing:.02em;
  }

  .rb-home .rbh-hero__lead{
    margin-bottom:26px;
    font-size:15px;
    line-height:1.85;
  }

  .rb-home .rbh-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .rb-home .rbh-button{
    min-width:0;
    padding:13px 10px;
    font-size:14px;
  }

  .rb-home .rbh-section-title{
    font-size:30px;
    line-height:1.5;
    letter-spacing:.045em;
  }

  .rb-home .rbh-section-lead,
  .rb-home .rbh-feature__text{
    font-size:15px;
    line-height:1.9;
    letter-spacing:.02em;
  }

  .rbh-role{
    padding:62px 0 58px;
  }

  .rbh-role__intro .rbh-section-lead{
    margin-top:24px;
  }

  .rbh-responsibilities{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:32px;
  }

  .rbh-responsibilities li{
    min-height:72px;
    padding:14px 8px;
    font-size:16px;
    border-top:0;
    border-left:0;
  }

  .rbh-responsibilities li:not(:nth-child(3n+1)){
    border-left:0;
  }

  .rbh-responsibilities li:nth-child(n+4){
    border-top:0;
  }

  .rbh-responsibilities li:nth-child(even){
    border-left:1px solid var(--rb-color-line);
  }

  .rbh-responsibilities li:nth-child(n+3){
    border-top:1px solid var(--rb-color-line);
  }

  .rbh-role__note{
    margin-top:18px;
    font-size:14px!important;
  }

  .rbh-fabrics{
    padding:58px 0 62px;
  }

  .rbh-section-head{
    margin-bottom:32px;
  }

  .rbh-fabric-grid{
    gap:28px 10px;
  }

  .rbh-fabric-card__body{
    padding-top:13px;
  }

  .rb-home .rbh-fabric-card h3{
    margin-bottom:6px;
    font-size:17px;
  }

  .rb-home .rbh-fabric-card p{
    font-size:14px;
    line-height:1.65;
  }

  .rbh-section-link{
    justify-content:flex-start;
    margin-top:30px;
  }

  .rbh-feature--pearl{
    padding:58px 0;
  }

  .rbh-feature__media{
    aspect-ratio:4 / 3;
  }

  .rbh-feature__content{
    padding:42px 24px 46px;
  }

  .rb-home .rbh-service-title{
    font-size:28px;
    letter-spacing:.06em;
  }

  .rb-home .rbh-feature__content .rbh-feature__text{
    margin:20px 0 24px;
  }

  .rbh-pearl-facts{
    margin-bottom:28px;
  }

  .rbh-pearl-facts > div{
    grid-template-columns:104px minmax(0,1fr);
    gap:14px;
    padding:12px 0;
  }

  .rb-home .rbh-button--pearl{
    width:100%;
  }

  .rbh-interior{
    padding:62px 0 66px;
  }

  .rbh-interior__head{
    gap:22px;
    margin-bottom:30px;
  }

  .rbh-interior__media{
    aspect-ratio:4 / 3;
  }

  .rbh-legacy-lower{
    width:calc(100% - 40px);
    padding:54px 0 42px;
  }

  .rbh-legacy-lower .home-news-strip,
  .rbh-legacy-lower .home-company{
    grid-template-columns:1fr;
  }

  .rbh-legacy-lower .home-news-strip{
    gap:18px;
  }

  .rbh-legacy-lower .home-news-strip-head h2{
    font-size:30px;
  }

  .rbh-legacy-lower .home-news-all{
    grid-column:1;
  }

  .rbh-legacy-lower .home-news-strip-list a{
    grid-template-columns:88px minmax(0,1fr);
  }

  .rbh-legacy-lower .home-news-strip-list strong{
    grid-column:1 / -1;
    font-size:17px;
  }

  .rbh-legacy-lower .home-company{
    gap:28px;
    margin-top:54px;
    padding:30px 24px;
  }

  .rbh-legacy-lower .home-showroom{
    margin-top:54px;
  }

  .rbh-legacy-lower .home-showroom-detail{
    padding:30px 24px;
  }

  .rbh-legacy-lower .home-showroom h2,
  .rbh-legacy-lower .home-company h2{
    margin-bottom:22px;
    font-size:25px;
  }

  .rbh-legacy-lower .home-company{
    padding:0;
  }

  .rbh-legacy-lower .home-company-visual{
    min-height:240px;
  }

  .rbh-legacy-lower .home-company-copy{
    padding:0 24px 30px;
  }

  .rb-home .rbh-legacy-lower .ph-support{
    margin-top:54px;
  }
}

@media(prefers-reduced-motion:reduce){
  .rbh-fabric-card__media img,
  .rb-home .rbh-link-arrow span{
    transition:none;
  }
}