/* SUPPLIFY / studio edition. Editorial motion, tactile details, no decorative overlays on forms. */
:root {
  --studio-ink:#172f23;
  --studio-leaf:#496e4f;
  --studio-paper:#f8f6f0;
  --studio-line:#cdd9c9;
  --studio-ease:cubic-bezier(.22,1,.36,1);
}
/* Brand identity: quiet print-like details instead of a collection of generic floating cards. */
.sx-home .sx-overline {letter-spacing:.21em;}
.sx-hero {position:relative; background:#e5ecdf;}
.sx-hero::after {content:""; position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(35,68,44,.15);pointer-events:none;}
.sx-hero-content h1 {letter-spacing:-.077em; text-wrap:balance;}
.sx-hero-content h1 em {position:relative; color:#466e48;}
.sx-hero-intro {text-wrap:pretty; max-width:480px;}
.sx-hero-visual {isolation:isolate;}
.sx-hero-main-image {box-shadow:0 16px 45px rgba(26,52,32,.075); border-radius:240px 240px 8px 8px;}
.sx-hero-main-image img {display:block; backface-visibility:hidden;}
.sx-hero-stamp {z-index:3; box-shadow:0 12px 32px rgba(24,56,34,.11);}
.sx-hero-photo-note {letter-spacing:.025em;}
.sx-hero-notes {border-top-color:#b7c9b3;}
.sx-values-strip {background:#fbfaf6;}
.sx-values-inner span {font-size:12px;letter-spacing:.02em;}
.sx-values-inner b {font-size:21px;color:#648466;}
.sx-explore .sx-section-heading {border-bottom:1px solid var(--studio-line);padding-bottom:33px;}
.sx-section-heading h2,.sx-questions-intro h2 {text-wrap:balance;}
.sx-category-mosaic {gap:14px;}
.sx-category-card {border-radius:3px;background:#9daF98;}
.sx-category-shade {background:linear-gradient(180deg,rgba(11,35,23,.04) 12%,rgba(11,35,23,.15) 42%,rgba(11,35,23,.77) 100%);}
.sx-category-card:after {content:"";position:absolute;inset:9px;z-index:2;border:1px solid rgba(255,255,255,.3);pointer-events:none;opacity:.72;transition:opacity .3s ease,border-color .3s ease;}
.sx-category-card:hover:after,.sx-category-card:focus-visible:after {opacity:1;border-color:rgba(255,255,255,.63);}
.sx-category-body strong {letter-spacing:-.05em; text-wrap:balance;}
.sx-category-body small {color:#eff4e7;}
.sx-imagery-note {text-wrap:pretty;}
.sx-manifesto-photo {overflow:hidden;isolation:isolate;}
.sx-manifesto-photo span {font-family:Georgia,serif;letter-spacing:.08em;font-size:12px;font-style:italic;font-weight:500;}
.sx-manifesto-copy h2 {text-wrap:balance;}
.sx-manifesto-copy>p:not(.sx-overline) {max-width:520px;}
.sx-guidance-item {position:relative; border-top:1px solid #a6b7a2;}
.sx-guidance-item:before {content:"";display:block;position:absolute;height:2px;width:0;top:-2px;left:0;background:#416a48;transition:width .7s var(--studio-ease);}
.sx-guidance-item:hover:before,.sx-guidance-item:focus-within:before {width:100%;}
.sx-guidance-num {font-size:25px;color:#628263;}
.sx-shelf {background:#e9ede3;}
.sx-questions-list .sx-faq-item {transition:background-color .25s ease,padding-left .25s ease;}
.sx-questions-list .sx-faq-item:hover {background:rgba(227,235,220,.38);padding-left:10px;}
.sx-closing {background:#203e2e;}
.sx-closing-copy h2 {text-wrap:balance;}
.sx-closing-photo {overflow:hidden;}
/* Reduce the predictable soft-shadow card pattern on listing pages. */
.tp-shop-area .tp-shop-top {background:transparent;border:0;border-bottom:1px solid var(--studio-line);border-radius:0;box-shadow:none;padding:10px 0 22px;}
.tp-shop-area .tp-shop-widget {border-radius:0;border:0;border-top:1px solid var(--studio-line);padding:22px 0 18px;background:transparent;box-shadow:none;}
.tp-shop-area .tp-product-item-3 {border-radius:4px;box-shadow:none;border:1px solid #d7dfd3;background:#fffefa;}
.tp-shop-area .tp-product-item-3:hover,.tp-shop-area .tp-product-item-3:focus-within {transform:translateY(-3px);box-shadow:0 9px 25px rgba(26,52,33,.07);border-color:#a4bba0;}
.tp-shop-area .tp-product-thumb-3 {background:#ecf0e8;}
.tp-product-item-3 .sup-availability {border-radius:2px;}
.tp-product-details-title {text-wrap:balance;}
.tp-product-details-area .tp-product-details-description {max-width:640px;}
.sup-ux-catalog-guide {background:#ecf1e8;border-left-width:2px;border-radius:3px;box-shadow:none;}
.sup-ux-catalog-guide a {border-radius:2px;}
/* Forms, buttons and links are kept readable and native. */
.sx-btn,.sx-hero-links .sx-btn {border-radius:2px;}
.sx-underlined-link,.sx-inline-link {text-decoration-thickness:1px;text-underline-offset:6px;}
.tp-contact-form .contact-form-input:not([type="checkbox"]),
#botble-ecommerce-forms-fronts-auth-login-form input.form-control,
#botble-ecommerce-forms-fronts-auth-register-form input.form-control {border-radius:3px!important;}
.tp-contact-form .contact-button,
#botble-ecommerce-forms-fronts-auth-login-form .btn-auth-submit,
#botble-ecommerce-forms-fronts-auth-register-form .btn-auth-submit {border-radius:3px;}
.sup-footer nav a {text-underline-offset:5px;}
/* A two-pixel reading-progress line: no scroll-jacking or content animation. */
#sup-studio-progress {position:fixed;top:0;left:0;right:0;height:2px;z-index:9999999;background:#78966b;transform:scaleX(var(--sup-reading-progress,0));transform-origin:left center;pointer-events:none;}
/* Editorial entrance and scroll micro-motion are disabled when reduced motion is requested. */
@media (prefers-reduced-motion:no-preference) {
  .sx-hero-content>.sx-overline {animation:sup-studio-enter .75s var(--studio-ease) .06s both;}
  .sx-hero-content>h1 {animation:sup-studio-enter .92s var(--studio-ease) .16s both;}
  .sx-hero-content>.sx-hero-intro {animation:sup-studio-enter .87s var(--studio-ease) .31s both;}
  .sx-hero-content>.sx-hero-links {animation:sup-studio-enter .82s var(--studio-ease) .43s both;}
  .sx-hero-content>.sx-hero-notes {animation:sup-studio-enter .80s var(--studio-ease) .54s both;}
  .sx-hero-main-image {animation:sup-studio-photo-arrive 1.25s var(--studio-ease) .15s both;}
  .sx-hero-inset {animation:sup-studio-photo-arrive .92s var(--studio-ease) .6s both;}
  .sx-hero-stamp {animation:sup-studio-stamp .9s var(--studio-ease) .78s both;}
  .sx-values-inner>span {animation:sup-studio-enter .75s var(--studio-ease) both;}
  .sx-values-inner>span:nth-child(1) {animation-delay:.59s;}
  .sx-values-inner>span:nth-child(2) {animation-delay:.69s;}
  .sx-values-inner>span:nth-child(3) {animation-delay:.79s;}
  .sx-values-inner>span:nth-child(4) {animation-delay:.89s;}
  .sx-btn span[aria-hidden],.sx-inline-link span[aria-hidden],.sx-underlined-link span[aria-hidden] {display:inline-block;transition:transform .32s var(--studio-ease);}
  .sx-btn:hover span[aria-hidden],.sx-btn:focus-visible span[aria-hidden],
  .sx-inline-link:hover span[aria-hidden],.sx-inline-link:focus-visible span[aria-hidden],
  .sx-underlined-link:hover span[aria-hidden],.sx-underlined-link:focus-visible span[aria-hidden] {transform:translate(4px,-2px);}
  .sx-category-card .sx-category-body {transition:transform .55s var(--studio-ease);}
  .sx-category-card:hover .sx-category-body,.sx-category-card:focus-visible .sx-category-body {transform:translateY(-7px);}
  .sx-category-card img {transition:transform .85s var(--studio-ease),filter .65s ease;}
  .sx-category-card:hover img,.sx-category-card:focus-visible img {transform:scale(1.065);filter:saturate(.92);}
  .sx-hero-main-image img,.sx-manifesto-photo img,.sx-closing-photo img {transform:translate3d(0,var(--sup-photo-shift,0px),0) scale(1.05);will-change:transform;}
  .sx-hero-visual:hover .sx-hero-main-image img {filter:saturate(1.06);}
  .sup-studio-in {animation:sup-studio-section .9s var(--studio-ease) both;}
  .sx-category-card:nth-child(2).sx-reveal,.sx-guidance-item:nth-child(2).sx-reveal {transition-delay:.09s;}
  .sx-category-card:nth-child(3).sx-reveal,.sx-guidance-item:nth-child(3).sx-reveal {transition-delay:.16s;}
  .sx-category-card:nth-child(5).sx-reveal {transition-delay:.07s;}
  .sx-category-card:nth-child(6).sx-reveal {transition-delay:.13s;}
  .tp-header-bottom-3,.tp-header-sticky-area {transition:box-shadow .3s ease,border-color .3s ease;}
  .sup-studio-scrolled .tp-header-bottom-3 {box-shadow:0 4px 13px rgba(25,51,35,.05);border-bottom-color:#c6d3c1;}
}
@keyframes sup-studio-enter {from {opacity:0;transform:translateY(17px);}to{opacity:1;transform:translateY(0);}}
@keyframes sup-studio-photo-arrive {from{opacity:.55;transform:translateY(22px) scale(1.018);}to{opacity:1;transform:translateY(0) scale(1);}}
@keyframes sup-studio-stamp {from{opacity:0;transform:rotate(0deg) scale(.82);}to{opacity:1;transform:rotate(11deg) scale(1);}}
@keyframes sup-studio-section {from{opacity:.65;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
@media(max-width:991px){
  .sx-hero-content h1 {letter-spacing:-.062em;}
  .sx-explore .sx-section-heading{padding-bottom:22px;}
  .sx-category-card:after{inset:7px;}
}
@media(max-width:767px){
  .sx-hero-main-image{box-shadow:0 7px 21px rgba(26,52,32,.06);}
  .sx-hero-content h1{text-wrap:pretty;}
  .sx-values-inner>span{font-size:11px;}
  .sx-questions-list .sx-faq-item:hover{padding-left:0;background:transparent;}
  .sx-category-mosaic{gap:12px;}
  .sx-explore .sx-section-heading{padding-bottom:19px;}
  .sx-category-body strong{line-height:1.17;}
  .tp-shop-area .tp-shop-top{padding:0 0 18px;}
}
@media(prefers-reduced-motion:reduce){
  #sup-studio-progress{transition:none;}
  .sup-studio-in,.sx-hero-content>*,.sx-hero-main-image,.sx-hero-inset,.sx-hero-stamp,.sx-values-inner>span{animation:none!important;opacity:1!important;transform:none!important;}
  .sx-hero-main-image img,.sx-manifesto-photo img,.sx-closing-photo img{transform:none!important;will-change:auto!important;}
  .sx-category-card img,.sx-category-card .sx-category-body,.sx-btn span[aria-hidden]{transition:none!important;}
}