/* Approved centered brand composition. */
.sf-home #conversion.sf-services { background:#fff!important; }
.sf-home #conversion .sf-services-grid {
  display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important; border-top:1px solid #cbd3dc; border-bottom:1px solid #cbd3dc;
}
.sf-home #conversion .sf-service-card {
  display:block!important; padding:28px 24px!important; margin:0!important;
  border:0!important; background:#fff!important; min-width:0;
}
.sf-home #conversion .sf-service-card + .sf-service-card { border-left:1px solid #dce1e6!important; }
.sf-home #conversion .sf-service-copy {
  display:flex!important; flex-direction:column!important; align-items:flex-start!important;
  gap:0!important; padding:0!important; height:100%;
}
.sf-home #conversion .sf-service-index { margin:0 0 22px!important; font-size:9px!important; letter-spacing:.13em; }
.sf-home #conversion .sf-service-index span { color:#a88a43; font-size:22px!important; margin-right:9px; }
.sf-home #conversion .sf-service-copy h3 { margin:0 0 14px!important; font-size:24px!important; line-height:1.4; }
.sf-home #conversion .sf-service-description { margin:0 0 7px!important; font-size:13px!important; line-height:1.8; }
.sf-home #conversion .sf-service-detail { margin:0 0 24px!important; font-size:11px!important; line-height:1.8; }
.sf-home #conversion .sf-service-action { position:static!important; align-self:flex-start!important; margin-top:auto!important; }
@media(max-width:1100px) {
  .sf-home #conversion .sf-services-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .sf-home #conversion .sf-service-card:nth-child(3) { border-left:0!important; }
  .sf-home #conversion .sf-service-card:nth-child(n+3) { border-top:1px solid #dce1e6!important; }
}
@media(max-width:600px) {
  .sf-home #conversion .sf-services-grid { grid-template-columns:1fr!important; }
  .sf-home #conversion .sf-service-card { padding:24px 4px!important; }
  .sf-home #conversion .sf-service-card + .sf-service-card { border-left:0!important; border-top:1px solid #dce1e6!important; }
  .sf-home #conversion .sf-service-index { margin-bottom:12px!important; }
  .sf-home #conversion .sf-service-detail { margin-bottom:16px!important; }
}
.sf-home #live .sf-collection .sf-brand-carousel { position:relative; isolation:isolate; }
.sf-home #live .sf-brand-carousel::before {
  content:""; position:absolute; inset:auto 0 0; height:150px; z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(to top,#303537 0%,#30353700 100%),
    linear-gradient(to top,#d9dfd8 0%,#d9dfd800 100%),
    linear-gradient(to top,#e3e6e8 0%,#e3e6e800 100%),
    linear-gradient(to top,#f0efec 0%,#f0efec00 100%),
    linear-gradient(to top,#f6f6f5 0%,#f6f6f500 100%);
  background-size:20% 100%;
  background-position:0 0,25% 0,50% 0,75% 0,100% 0;
  background-repeat:no-repeat;
}
.sf-home #live .sf-poster-wall { border-top:0; }
@media(max-width:760px) {
  .sf-home #live .sf-brand-carousel::before {
    height:90px;
    background-image:linear-gradient(to top,#303537,#30353700),linear-gradient(to top,#d9dfd8,#d9dfd800);
    background-size:50% 100%; background-position:0 0,100% 0;
  }
}
.sf-brand-contact { margin-top:30px; width:min(100%,600px); }
.sf-brand-stores { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.sf-brand-store { display:flex; flex-direction:column; align-items:center; gap:7px; }
.sf-brand-store + .sf-brand-store { border-left:1px solid #e5e8e6; }
.sf-home #live .sf-brand-store a { text-decoration:none; color:#52645d; line-height:1.65; }
.sf-home #live .sf-brand-store .sf-store-name { color:#193651; font-size:12px; letter-spacing:.16em; font-weight:650; }
.sf-home #live .sf-brand-store .sf-store-phone { font-size:13px; letter-spacing:.06em; }
.sf-home #live .sf-brand-store .sf-store-address { font-size:11px; }
.sf-brand-store a:hover { text-decoration:underline!important; text-underline-offset:4px; }
.sf-brand-social { display:flex; justify-content:center; gap:16px; margin-top:18px; }
.sf-brand-social a,.sf-brand-social span { width:36px; height:36px; display:grid; place-items:center; }
.sf-brand-social img { display:block; width:19px; height:19px; }
.sf-social-pending { opacity:.34; }
.sf-brand-social a:hover { opacity:.65; }
.sf-brand-contact a:focus-visible { outline:2px solid #c6a14c; outline-offset:4px; }
@media(max-width:420px) {
  .sf-brand-stores { gap:12px; }
  .sf-home #live .sf-brand-store .sf-store-address { font-size:10px; max-width:13em; }
}
.sf-home #live .sf-collection .sf-brand-carousel {
  display:grid; grid-template-columns:minmax(0,1fr);
  min-height:390px; padding:42px 24px; background:#fff;
}
.sf-home #live .sf-brand-carousel .sf-stage-copy {
  grid-column:1; grid-row:1; padding:30px 0; border:0;
  align-items:center; text-align:center; justify-content:center;
}
.sf-brand-mark { width:72px; height:72px; object-fit:contain; display:block; }
.sf-home #live .sf-brand-name {
  margin:16px 0 14px; color:#102d4f; font-size:26px;
  font-weight:500; letter-spacing:.44em; padding-left:.44em;
}
.sf-home #live .sf-collection .sf-brand-carousel h1 {
  margin:0!important; font-size:22px!important; font-weight:500!important;
  line-height:1.6!important; letter-spacing:.4em!important; padding-left:.4em;
  color:#c6a14c!important; white-space:nowrap;
}
.sf-home #live .sf-brand-english {
  margin:15px 0 0; color:#737a78; font-size:9px; line-height:1.8;
  letter-spacing:.23em;
}
.sf-home #live .sf-brand-carousel .sf-stage-visual {
  grid-column:1; grid-row:1; min-height:400px; height:400px;
  background:#fff!important; border:0; color:#102d44;
}
.sf-home #live .sf-brand-carousel .sf-stage-product {
  width:92%!important; height:82%; right:4%!important; bottom:8%;
  object-position:center; filter:none;
  opacity:0; transform:translateY(-65px);
  transition:opacity .65s ease,transform .9s cubic-bezier(.2,.7,.2,1);
}
.sf-home #live .sf-brand-carousel .sf-stage-product.is-active {
  opacity:1; transform:translateY(0);
}
.sf-brand-carousel .sf-stage-category { top:auto; bottom:8px; left:4%; gap:10px; }
.sf-brand-carousel .sf-stage-category b { color:#a0aaa5; font-size:9px; }
.sf-brand-carousel .sf-stage-category span { color:#6a7770; font-size:10px; }
.sf-motion-toggle {
  position:absolute; right:4%; bottom:0; z-index:3; border:0;
  background:transparent; padding:10px 0 10px 10px; color:#67746e;
  font:inherit; font-size:10px; cursor:pointer;
}
.sf-motion-toggle:focus-visible { outline:2px solid #c6a14c; outline-offset:3px; }
@media(max-width:1050px) and (min-width:761px) {
  .sf-home #live .sf-collection .sf-brand-carousel { padding:24px; min-height:390px; }
  .sf-home #live .sf-brand-carousel .sf-stage-visual { height:340px; min-height:340px; }
  .sf-home #live .sf-collection .sf-brand-carousel h1 { font-size:19px!important; letter-spacing:.25em!important; }
  .sf-home #live .sf-brand-english { font-size:8px; letter-spacing:.12em; }
}
@media(max-width:760px) {
  .sf-home #live .sf-collection .sf-brand-carousel { grid-template-columns:1fr; padding:30px 20px 18px; min-height:0; }
  .sf-home #live .sf-brand-carousel .sf-stage-copy { grid-column:1; grid-row:1; padding:15px 0 12px; }
  .sf-brand-mark { width:58px; height:58px; }
  .sf-home #live .sf-brand-name { font-size:23px; margin-top:12px; }
  .sf-home #live .sf-collection .sf-brand-carousel h1 { font-size:18px!important; letter-spacing:.25em!important; }
  .sf-home #live .sf-brand-english { font-size:7px; letter-spacing:.13em; }
  .sf-home #live .sf-brand-carousel .sf-stage-visual { grid-column:1; grid-row:2; height:230px; min-height:230px; margin:0; }
}
@media(prefers-reduced-motion:reduce) {
  .sf-home #live .sf-brand-carousel .sf-stage-product { transition:none; transform:none; }
}

/* Scale the identity to the canvas and shorten only the category card heights. */
.sf-home #live .sf-brand-carousel .sf-brand-mark { width:112px; height:112px; }
.sf-home #live .sf-brand-name { font-size:34px; margin:10px 0 12px; }
.sf-home #live .sf-collection .sf-brand-carousel h1 { font-size:28px!important; }
.sf-home #live .sf-brand-english { font-size:11px; margin-top:12px; }
.sf-home #live .sf-brand-carousel .sf-stage-copy { padding:10px 0; }
.sf-home #live .sf-brand-contact { margin-top:24px; }
.sf-home #live .sf-brand-store .sf-store-name { font-size:14px; }
.sf-home #live .sf-brand-store .sf-store-phone { font-size:15px; }
.sf-home #live .sf-brand-store .sf-store-address { font-size:12px; }
.sf-brand-social { gap:22px; margin-top:16px; }
.sf-brand-social a { width:44px; height:44px; }
.sf-brand-social img { width:27px; height:27px; }
.sf-home #live .sf-poster-card { height:clamp(320px,22vw,420px); }
@media(min-width:1101px) {
  .sf-home #live .sf-poster-art { height:calc(100% - 220px); bottom:36px; }
}
@media(min-width:761px) and (max-width:1100px) {
  .sf-home #live .sf-poster-art { height:calc(100% - 178px); bottom:32px; }
}
.sf-home #live .sf-poster-section { margin-bottom:0; }
.sf-home #popular-products.sf-product-editorial { background:#fff!important; }
.sf-home #popular-products .sp-card { background:#fff; border:1px solid #cbd3dc; box-shadow:0 5px 16px #172d4d10; }
.sf-home #popular-products .sp-card-media { background:#fff; }
.sf-home #popular-products .sp-card-copy { background:#fff; }
.sf-home #popular-products .sf-quick-recommendation {
  background:#fff; border:1px solid #cbd3dc; box-shadow:0 5px 16px #172d4d10;
}
.sf-home #popular-products .sf-quick-recommendation > .sp-card {
  border:0; box-shadow:none;
}
@media(max-width:1100px) and (min-width:761px) {
  .sf-home #live .sf-brand-carousel .sf-brand-mark { width:98px; height:98px; }
  .sf-home #live .sf-poster-card { height:320px; }
}
@media(max-width:760px) {
  .sf-home #live .sf-brand-carousel .sf-brand-mark { width:82px; height:82px; }
  .sf-home #live .sf-brand-name { font-size:28px; }
  .sf-home #live .sf-collection .sf-brand-carousel h1 { font-size:22px!important; }
  .sf-home #live .sf-brand-english { font-size:8px; }
  .sf-home #live .sf-brand-store .sf-store-name { font-size:12px; }
  .sf-home #live .sf-brand-store .sf-store-phone { font-size:13px; }
  .sf-home #live .sf-brand-store .sf-store-address { font-size:10px; }
  .sf-home #live .sf-poster-card { height:280px; }
  .sf-home #live .sf-poster-accessories { grid-column:auto; height:280px; }
  .sf-home #live .sf-poster-accessories .sf-poster-copy { width:auto; }
  .sf-home #live .sf-poster-accessories .sf-poster-art { width:100%; left:0; right:auto; height:57%; bottom:40px; object-position:center bottom; }
  .sf-home #live .sf-poster-desktop { grid-column:1/-1; height:240px; }
  .sf-home #live .sf-poster-desktop .sf-poster-copy { width:43%; }
  .sf-home #live .sf-poster-desktop .sf-poster-art { width:60%; left:auto; right:0; height:76%; bottom:23px; object-position:center; }
  .sf-home #live .sf-poster-desktop h3 { white-space:normal; }
}