/* Trendly neutral visual release, November 1, 2026. */
body.trendly-neutral{--native-container-width:min(1504px,calc(100% - 96px))}
@media(max-width:1100px){body.trendly-neutral{--native-container-width:calc(100% - 64px)}}
@media(max-width:760px){body.trendly-neutral{--native-container-width:calc(100% - 40px)}}
/* Local masthead study. All product-page styles come from the existing preview. */
body.trendly-neutral .site-header {
  width:100%;height:auto;margin:0;padding:0;display:block;
  border-bottom:1px solid var(--line);background:var(--paper);
}
.trendly-neutral .society-masthead {
  width:var(--native-container-width);height:96px;margin:0 auto;
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;
}
.trendly-neutral .society-wordmark {
  grid-column:2;justify-self:center;display:block;color:var(--ink);text-decoration:none;
  font-size:0;line-height:0;letter-spacing:0;
}
.trendly-neutral .society-wordmark-image {display:block;width:134px;height:auto;max-width:none;object-fit:contain}
.trendly-neutral .society-actions {grid-column:3;justify-self:end;display:flex;align-items:center;gap:12px}
.trendly-neutral .society-search {position:relative;width:225px;height:40px;margin:0;display:block;flex:none}
.trendly-neutral .society-search input[type="search"] {width:100%;height:40px;border:1px solid #BFBFBF;border-radius:999px;background:#FFFFFF;padding:8px 16px 8px 40px;font:400 16px/1.4 var(--sans);color:#333333;min-width:0;box-shadow:none}
.trendly-neutral .society-search input::placeholder {color:#333333;opacity:1}
.trendly-neutral .society-search button {position:absolute;left:6px;top:5px;display:grid;place-items:center;width:30px;height:30px;padding:5px;border:0;background:transparent;color:#000000;z-index:1}
.trendly-neutral .society-search svg {width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}
.trendly-neutral .society-icon {
  width:42px;height:42px;padding:9px;display:grid;place-items:center;
  color:var(--ink);text-decoration:none;background:transparent;border:0;border-radius:50%;
  transition:background .16s;
}
.trendly-neutral .society-icon:hover {background:color-mix(in srgb,var(--ink) 5%,transparent)}
.trendly-neutral .society-icon svg {width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.trendly-neutral .society-icon .sun {display:none}
.trendly-neutral.c-dark .society-icon .moon {display:none}
.trendly-neutral.c-dark .society-icon .sun {display:block}
body.trendly-neutral .site-header .society-main-nav {
  width:var(--native-container-width);min-height:60px;margin:0 auto;padding:0 0 12px;
  display:flex;flex:none;align-items:center;justify-content:center;gap:20px;
  border:0;border-radius:0;background:transparent;overflow:visible;
}
body.trendly-neutral .site-header .society-main-nav a {
  display:block;flex:0 0 auto;position:relative;padding:8px 18px;
  color:var(--ink);font:400 14px/1.5 var(--sans);letter-spacing:.05px;
  text-decoration:none;white-space:nowrap;border:0;border-radius:999px;
  transition:background .16s;
}
body.trendly-neutral .site-header .society-main-nav a:hover {background:color-mix(in srgb,var(--ink) 4%,transparent)}
body.trendly-neutral .site-header .society-main-nav a[aria-current="page"] {background:#eeece4;font-weight:400}
body.trendly-neutral.c-dark .site-header .society-main-nav a[aria-current="page"] {background:#2c3e33}
body.trendly-neutral .site-header .society-main-nav a.current::after {content:none}
@media(max-width:900px) {
  .trendly-neutral .society-search {width:175px}
  body.trendly-neutral .site-header .society-main-nav {gap:8px}
  body.trendly-neutral .site-header .society-main-nav a {padding:8px 14px;font-size:13px}
}
@media(max-width:600px) {
  .trendly-neutral .society-masthead {position:relative;height:76px;width:calc(100% - 32px)}
  .trendly-neutral .society-search {position:absolute;top:76px;left:0;right:0;width:100%}
  .trendly-neutral .society-wordmark-image {width:118px}
  .trendly-neutral .society-actions {gap:3px}
  .trendly-neutral .society-icon {width:38px;height:40px;padding:8px}
  .trendly-neutral .society-icon svg {width:22px;height:22px}
  body.trendly-neutral .site-header .society-main-nav {
    width:100%;min-height:56px;max-width:100%;justify-content:flex-start;
    gap:5px;padding:56px 16px 12px;overflow-x:auto;overflow-y:hidden;
    scrollbar-width:none;scroll-padding-inline:16px;overscroll-behavior-x:contain;
  }
  body.trendly-neutral .site-header .society-main-nav::-webkit-scrollbar {display:none}
  body.trendly-neutral .site-header .society-main-nav a {display:block;padding:8px 13px;font-size:13px}
}
@media(prefers-reduced-motion:reduce) {
  .trendly-neutral .society-icon,body.trendly-neutral .site-header .society-main-nav a {transition:none}
}

/* Public pages use the landing menu and sign-in actions. */
.trendly-neutral .society-header-public .society-auth-link,
.trendly-neutral .society-header-public .society-signup {font:400 14px/1.5 var(--sans);white-space:nowrap;text-decoration:none}
.trendly-neutral .society-header-public .society-auth-link {padding:10px 8px;color:#000}
.trendly-neutral .society-header-public .society-signup {display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 20px;border:1px solid #000;border-radius:999px;background:#000;color:#fff}
.trendly-neutral .society-header-public :is(.society-auth-link,.society-signup):hover {text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px) {
  .trendly-neutral .society-header-public .society-masthead {height:auto;min-height:116px;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:18px 0 4px}
  .trendly-neutral .society-header-public .society-actions {justify-content:center;gap:14px}
  body.trendly-neutral .society-header-public .society-main-nav {justify-content:center;gap:8px;min-height:52px;padding:8px 12px 12px}
  body.trendly-neutral .society-header-public .society-main-nav a {padding:8px 10px}
}

/* Society6's published light palette, shared across the local preview. */
html,html[data-theme]{color-scheme:light}
body.trendly-neutral,body.trendly-neutral.c-dark{
 --paper:#FBFAF6;--cream:#FBFAF6;--surface:#FFFFFF;--panel:#FFFFFF;
 --soft:#F2ECE4;--sage:#F2ECE4;--ink:#000000;--muted:#5C5C5C;
 --line:#BFBFBF;--accent:#000000;--forest:#000000;--dark:#333333;--lime:#F2ECE4;
 background:var(--paper);color:var(--ink);
}
body.trendly-neutral .society-wordmark,body.trendly-neutral .society-wordmark span{color:#000000}
body.trendly-neutral .site-header .society-main-nav a[aria-current="page"]{background:#F2ECE4;color:#000000}
body.trendly-neutral .preset-save-button,body.trendly-neutral .button-primary,body.trendly-neutral .primary-button{background:#000000;color:#FFFFFF;border-color:#000000}
body.trendly-neutral .landing-live{background:#FBFAF6}
body.landing-live .hero{background:#FBFAF6;color:#000000;min-height:650px;height:calc(100svh - 157px);padding-top:48px;padding-bottom:40px}
body.landing-live .hero h1 em,body.landing-live .hero-copy>p,body.landing-live .eyebrow.light,body.landing-live .micro,body.landing-live .hero-bottom{color:#000000}
body.landing-live .hero-actions .button{background:#000000;color:#FFFFFF}
body.landing-live .wall-shade{background:linear-gradient(90deg,#FBFAF6 0,transparent 23%)}
body.landing-live .hero-grid{background:none}
body.landing-live .scribble{stroke:#000000}
body.landing-live .hero .spark,body.landing-live .mini-star{color:#000000}
body.landing-live .motion-toggle{background:#FFFFFF;color:#000000;border-color:#BFBFBF}
@media(max-width:800px){body.landing-live .hero{height:auto;min-height:0;padding-top:36px}}

/* Local preview only. Society6's live light colour-scheme-1 and header highlight,
   verified at https://society6.com/ on November 1, 2026. Product photos and actual
   design-colour swatches retain their original colours. */
:root,
:root[data-theme="light"],
body.trendly-neutral,
body.trendly-neutral.c-dark,
body.trendly-neutral:is([data-concept="a"],[data-concept="c"]) {
  --paper:#fbfaf6!important;--surface:#fff!important;--panel:#fff!important;
  --soft:#f2ece4!important;--sage:#f2ece4!important;--ink:#000!important;
  --muted:#5c5c5c!important;--line:#bfbfbf!important;--accent:#000!important;
  --forest:#000!important;--dark:#333!important;--lime:#000!important;
  --cream:#fbfaf6!important;color-scheme:light!important;
}
body.trendly-neutral {background:#fbfaf6!important;color:#000!important}
body.trendly-neutral ::selection {background:#000!important;color:#fff!important}
body.trendly-neutral :is(.skip,.skip-link) {background:#000!important;color:#fff!important}
body.trendly-neutral :is(button,input,select,textarea){accent-color:#000}
body.trendly-neutral :is(a,button,input,select,textarea,summary):focus-visible {outline-color:#000!important}
body.trendly-neutral :is(.society-wordmark,.society-wordmark span,.society-icon){color:#000!important}
body.trendly-neutral .site-header .society-main-nav a {color:#000!important}
body.trendly-neutral .site-header .society-main-nav a[aria-current="page"] {background:#f2ece4!important}
body.trendly-neutral .site-header .society-main-nav a:hover {background:#f2ece4!important}
body.trendly-neutral .site-header {background:#fbfaf6!important;border-color:#bfbfbf!important}
body.trendly-neutral [data-preview-theme],body.trendly-neutral [data-native-theme] {display:none!important}

/* Neutral member-app controls and the saved Products prototype. */
body.trendly-neutral :is(.eyebrow,.c-eyebrow,.product-brand,.product-price,.product-tag,.sort-label,.sort-select,.subtle,.facet-count,.facet-hint,.count-note,.clear-all,.results-summary,.results-date,.prototype-footer,.modal-caption,.preview-footnote) {color:#5c5c5c!important}
body.trendly-neutral :is(.product-title,.product-title button,.facet-choice,.scope-chip,.selected-chip,.c-primary-chip,.c-brand-trigger,.preset-trigger,.preset-colour-button) {color:#000!important}
body.trendly-neutral :is(.scope-chip,.selected-chip,.product-tag,.card-corner,.avatar) {background:#f2ece4!important;border-color:#bfbfbf!important;color:#000!important}
body.trendly-neutral :is(.scope-chip small,.selected-chip span,.empty-results p,.modal-facets span) {color:#5c5c5c!important}
body.trendly-neutral :is(.detail-tab:hover,.detail-tab[aria-selected="true"],.facet-choice:hover,.facet-choice[aria-pressed="true"]) {background:#f2ece4!important;border-color:#bfbfbf!important;color:#000!important}
body.trendly-neutral .facet-choice:not(.color-option) .facet-check {background:#fff!important;border-color:#bfbfbf!important}
body.trendly-neutral .facet-choice:not(.color-option)[aria-pressed="true"] .facet-check {background:#000!important;border-color:#000!important}
body.trendly-neutral .facet-choice.color-option[aria-pressed="true"] .facet-check {box-shadow:0 0 0 2px #fbfaf6,0 0 0 3px #000!important}
body.trendly-neutral .facet-choice[aria-pressed="true"] .facet-count {color:#5c5c5c!important}
body.trendly-neutral :is(.product-image-button,.modal-photo) {background:transparent!important}
body.trendly-neutral :is(.load-more button,.empty-results,.product-modal,.modal-actions a,.modal-facets span) {border-color:#bfbfbf!important;color:#000!important}
body.trendly-neutral :is(.load-more button,.empty-results,.product-modal) {background:#fbfaf6!important}
body.trendly-neutral .searchbox::placeholder {color:#5c5c5c!important}
body.trendly-neutral .searchbox {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none' stroke='%235c5c5c' stroke-width='1.5'%3E%3Ccircle cx='7' cy='7' r='4.5'/%3E%3Cpath d='m10.5 10.5 4 4'/%3E%3C/svg%3E")!important}
body.trendly-neutral :is(.primary-button,.button-primary,.preset-save,.preset-confirm,.save-product,.c-brand-footer button:last-child,.np-footer button:last-child) {background:#000!important;border-color:#000!important;color:#fff!important}
body.trendly-neutral :is(.primary-button,.button-primary,.preset-save,.preset-confirm,.save-product):hover {background:#333!important;filter:none!important}
body.trendly-neutral :is(.preset-popover,.preset-colour-popover,.preset-dialog) {box-shadow:0 8px 30px #00000018!important}
body.trendly-neutral :is(.modal-backdrop,.a-native-scrim),body.trendly-neutral .preset-dialog::backdrop {background:#00000040!important}
body.trendly-neutral #toast,body.trendly-neutral .preset-undo-toast {background:#000!important;color:#fff!important;box-shadow:0 8px 30px #00000020!important}
body.trendly-neutral :is(#toast,.preset-undo-toast) button {color:#fff!important}

/* Board frames are UI chrome; measured design swatches and photos are data. */
body.trendly-neutral :is(.collage,[style*="--board-color"]) {--board-color:#f2ece4!important;--board-ink:#000!important}
body.trendly-neutral .collage {background:#f2ece4!important;color:#000!important}
body.trendly-neutral .collage-sheet {color:#000!important}
body.trendly-neutral #trendly-boards {--tb-paper:#fbfaf6;--tb-ink:#000;--tb-muted:#5c5c5c;--tb-line:#bfbfbf;--tb-surface:#fff;--tb-soft:#f2ece4;--tb-accent:#000;--tb-on-accent:#fff;--tb-photo-ink:#000;--tb-photo-control:#fff}
body.trendly-neutral #trendly-boards .tb-primary {background:#000!important;color:#fff!important}
body.trendly-neutral .account-card-dark {background:#000!important;border-color:#000!important;color:#fff!important}
body.trendly-neutral .account-card-dark :is(.account-eyebrow,.account-note) {color:#d9d9d9!important}
body.trendly-neutral .account-button {background:#000!important;border-color:#000!important;color:#fff!important}
body.trendly-neutral .account-button-secondary {background:transparent!important;color:inherit!important;border-color:#bfbfbf!important}
body.trendly-neutral .account-form input {background:#fbfaf6!important;color:#333!important;border-color:#bfbfbf!important}

/* The original landing layout, with its forest/lime chrome exchanged for the
   same warm white, sand, black and gray palette. */
body.landing-live :is(.hero,.cta-section) {background:#fbfaf6!important;color:#000!important}
body.landing-live :is(.hero h1,.hero h1 em,.cta-section em,.section-heading em,.logo,.logo span) {color:#000!important}
body.landing-live :is(.hero-copy>p,.hero .eyebrow,.hero-bottom,.hero .micro,.cta-section p,.cta-section .eyebrow,.mobile-gallery-label,.mobile-gallery-label span:last-child) {color:#5c5c5c!important}
body.landing-live .hero-grid {background-image:linear-gradient(#00000005 1px,transparent 1px),linear-gradient(90deg,#00000005 1px,transparent 1px)!important}
body.landing-live .wall-shade {background:linear-gradient(90deg,#fbfaf6 0,transparent 23%),linear-gradient(0deg,#fbfaf670,transparent 20%,transparent 80%,#fbfaf620)!important}
body.landing-live .scribble {stroke:#000!important}
body.landing-live :is(.button,.button.lime,.nav-cta) {background:#000!important;color:#fff!important;border-color:#000!important}
body.landing-live :is(.little-mosaic>span,.week .chosen) {background:#000!important;color:#fff!important;border-color:#000!important}
body.landing-live :is(.button:hover,.nav-cta:hover) {background:#333!important}
body.landing-live .button span {color:#fff!important}
body.landing-live :is(.circle-arrow,.flow-card,.social-teaser,.roadmap-label,.week span,.schedule,.footer small) {border-color:#bfbfbf!important}
body.landing-live :is(.motion-toggle,.floating-label,.ad-frame,.review-card,.watch-row,.brand-samples,.product-panel,.watch-chips span) {background:#fff!important;color:#000!important;border-color:#bfbfbf!important;box-shadow:none!important}
body.landing-live .intro {background-image:radial-gradient(#00000018 .7px,transparent .7px)!important}
body.landing-live :is(.product-tabs,.mood-demo,.boards-section,.watchlist-preview,.clarity-card,.boards-card,.reviews-card,.campaign-card,.ad-demo,.review-demo,.footer,.social-teaser b,.orbit i,.stack div,.watch-row b) {background:#f2ece4!important;color:#000!important}
body.landing-live :is(.mini-board,.clarity-mosaic,.mood-card) {background:#dfd9d1!important;color:#000!important;--board:#dfd9d1!important;box-shadow:none!important}
body.landing-live :is(.mini-board-head,.board-label,.board-footer,.mood-card h3,.board-caption,.planned-hours>span,.clarity-card>p,.source-line,.watch-head span:last-child,.watch-row small,.ad-account small,.ad-caption span,.footer>span,.footer small,.brand-strip p span) {color:#5c5c5c!important}
body.landing-live .product-tabs button[aria-selected="true"] {background:#000!important;color:#fff!important;box-shadow:none!important}
body.landing-live :is(.clarity-review>div,.clarity-ad>span,.ad-note,.ad-account>span) {background:#fbfaf6!important;color:#000!important}
body.landing-live :is(.spark,.panel-copy li:before,.orbit>span) {color:#000!important}
body.landing-live :is(.status-dot,.flow-line i,.schedule-dot,.clarity-ad i,.eyebrow i) {background:#000!important;box-shadow:none!important}
body.landing-live .flow-line {background:#bfbfbf!important}
body.landing-live .orbit:before {border-color:#bfbfbf!important}
body.landing-live .visual-wall {scrollbar-color:#bfbfbf #fbfaf6!important}

/* Society6's role sizes, retaining Trendly's existing font families. At a
   1280px desktop: h1 72px, h2 48px, body/buttons18px, nav14px, card title15px. */
body.trendly-neutral {font-size:18px;line-height:1.6}
body.trendly-neutral .site-header .society-main-nav a {font-size:14px!important;line-height:1.6!important}
body.trendly-neutral :is(.page-heading h1,.trends-heading h1,.trends-page h1,.c-heading-title h1,.board-detail-heading h1,.account-preview h1,#trendly-boards h1,.preview-overview h1),body.landing-live .hero h1 {font-size:clamp(48px,7.2vw,72px)!important;line-height:1.05!important}
body.trendly-neutral :is(.page-heading>.heading-description,.page-heading>.muted,.account-intro),body.landing-live :is(.hero-copy>p,.section-heading>p) {font-size:18px!important;line-height:1.6!important}
body.trendly-neutral :is(.button,.button-primary,.primary-button,.preset-save,.preset-confirm,.account-button,#trendly-boards .tb-primary),body.landing-live .button {font-size:18px!important;line-height:1.6!important}
body.trendly-neutral :is(.search-field,.searchbox,.search-input,.account-form input) {font-size:16px!important}
body.trendly-neutral :is(.product-title,.product-title button,.item-title,.item-title button) {font-size:15px!important;line-height:1.4!important}
body.trendly-neutral :is(.product-brand,.board-card-top .eyebrow,.eyebrow,.c-eyebrow) {font-size:10px!important}
body.trendly-neutral :is(.product-price,.preset-summary-chips>span,.filter-chip) {font-size:13px!important}
body.trendly-neutral :is(.board-card-title h2,.trend-card h3) {font-size:18px!important;line-height:1.4!important}
body.landing-live :is(.section-heading h2,.clarity-heading h2,.intro h2,.cta-section h2,.next-copy h2) {font-size:clamp(36px,4.8vw,48px)!important;line-height:1.1!important}
body.landing-live :is(.flow-card h3,.clarity-card h3,.mood-card h3) {font-size:24px!important;line-height:1.25!important}
body.landing-live :is(.flow-card>p,.clarity-card>p,.panel-copy>p,.next-copy>p) {font-size:18px!important;line-height:1.6!important}
@media(max-width:600px) {
  body.trendly-neutral :is(.page-heading h1,.c-heading-title h1,.board-detail-heading h1,.account-preview h1,#trendly-boards h1,.preview-overview h1),body.landing-live .hero h1 {font-size:48px!important}
  body.trendly-neutral :is(.product-title,.product-title button) {font-size:12px!important}
  body.landing-live .wall-shade {background:linear-gradient(0deg,#fbfaf640,transparent 25%,transparent 70%,#fbfaf6)!important}
}

/* Current page: warm pill, black with white type on hover. */
body.trendly-neutral .site-header .society-main-nav a {background:transparent!important;border-radius:999px!important}
body.trendly-neutral .site-header .society-main-nav a:not([aria-current="page"]):hover {text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
body.trendly-neutral .site-header .society-main-nav a[aria-current="page"] {background:#f2ece4!important;color:#000!important;text-decoration:none}
body.trendly-neutral .site-header .society-main-nav a[aria-current="page"]:hover {background:#000!important;color:#fff!important;text-decoration:none}
/* Checkbox and filter lists retain their underline hover. */
body.trendly-neutral .society-icon:hover {background:transparent!important}
body.trendly-neutral :is(.ab-multi-option,.pt-mega-option,.pt-mega-category,.np-option,.np-category,.facet-choice,.a-native-option,.c-brand-option,.c-brand-options label,.c-brand-options button,.preset-colour-option,.detail-tab):hover {background:transparent!important;box-shadow:none!important}
body.trendly-neutral :is(.ab-multi-option,.pt-mega-option,.np-option):hover>span:last-child,
body.trendly-neutral :is(.pt-mega-category,.np-category,.c-brand-option,.c-brand-options label,.c-brand-options button,.preset-colour-option,.detail-tab):hover,
body.trendly-neutral .facet-choice:hover .facet-name,
body.trendly-neutral .a-native-option:hover .a-native-option-label {text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
body.trendly-neutral :is(.primary-button,.button-primary,.preset-save,.preset-confirm,.save-product):hover,
body.landing-live :is(.button,.nav-cta):hover {background:#000!important;text-decoration:underline;text-underline-offset:4px}
body.trendly-neutral main h1 {font-size:clamp(48px,7.2vw,72px)!important;line-height:1.05!important}
body.trendly-neutral .ab-brand-card,
body.trendly-neutral .ab-brand-card:hover {border:0!important;box-shadow:none!important}

/* One continuous mega-menu surface, with text-only hover and selection. */
body.trendly-neutral :is(.pt-mega-panel,.np-panel) {background:#fbfaf6!important}
body.trendly-neutral :is(.pt-mega-header,.pt-mega-workspace,.pt-mega-tabs,.pt-mega-body,.pt-mega-footer,.pt-mega-search,.np-header,.np-workspace,.np-categories,.np-body,.np-footer,.np-search) {background:transparent!important}
body.trendly-neutral :is(.pt-mega-category,.pt-mega-option,.np-category,.np-option),
body.trendly-neutral :is(.pt-mega-category,.pt-mega-option,.np-category,.np-option):is(:hover,:active,[aria-selected="true"],.is-selected) {background:transparent!important;box-shadow:none!important;border-radius:0!important;text-decoration:none!important}
body.trendly-neutral :is(.pt-mega-category,.pt-mega-option,.np-category,.np-option) {color:#5c5c5c!important}
body.trendly-neutral :is(.pt-mega-category,.pt-mega-option,.np-category,.np-option):is(:hover,:active,[aria-selected="true"],.is-selected) {color:#000!important}
body.trendly-neutral :is(.pt-mega-category,.np-category):is(:hover,:active,[aria-selected="true"])>span:first-child,
body.trendly-neutral :is(.pt-mega-option,.np-option):is(:hover,:active,.is-selected)>span {text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
body.trendly-neutral :is(.pt-mega-close,.np-close):hover {background:transparent!important;box-shadow:none!important;color:#000!important}
body.trendly-neutral :is(.pt-mega-clear,.pt-mega-browse,.pt-mega-mobile-back,.np-clear,.np-mobile-back):hover {background:transparent!important;text-decoration:underline;text-underline-offset:4px}
body.trendly-neutral :is(.pt-mega-option,.np-option):focus-within {outline:none!important}
body.trendly-neutral :is(.pt-mega-option,.np-option) input:focus-visible {outline:2px solid #000!important;outline-offset:3px}

/* A compact landing hero: headline, short description and one action. */
body.landing-live .hero :is(.micro,.hero-bottom,.floating-label) {display:none!important}
body.landing-live .hero {height:660px;min-height:0;padding:32px 0 32px 6.5%}
body.landing-live .hero-copy {padding:0;justify-content:center}
body.landing-live .hero .eyebrow {margin-bottom:16px}
body.landing-live .hero h1 {font-size:clamp(40px,4.1vw,60px)!important;line-height:1.02!important;letter-spacing:-.055em;margin:0 0 26px}
body.landing-live .hero-copy>p {font-size:16px!important;line-height:1.6!important}
body.landing-live .hero-actions {margin-top:22px}
body.landing-live .hero-actions .button {min-height:52px;padding:12px 22px;font-size:16px!important;gap:28px}
body.landing-live .hero .motion-toggle {bottom:16px;right:20px}
@media(min-width:1700px) {body.landing-live .hero {padding-left:max(6.5%,calc((100vw - 1500px)/2))}}
/* Keep the desktop composition together on phones and narrow tablets. */
@media(max-width:800px) {
  body.landing-live .hero {display:grid;grid-template-columns:54% 46%;height:auto;min-height:clamp(360px,88vw,460px);padding:26px 0 26px 16px;isolation:isolate}
  body.landing-live .hero-copy {width:100%;max-width:none;margin:0;padding:0 12px 0 0;align-self:stretch;justify-content:center;min-width:0}
  body.landing-live .hero .eyebrow {font-size:7px!important;letter-spacing:1px;line-height:1.5;gap:6px;margin-bottom:14px}
  body.landing-live .hero .eyebrow i {width:4px;height:4px;flex:none}
  body.landing-live .hero h1 {font-size:clamp(25px,6.3vw,44px)!important;line-height:1.04!important;letter-spacing:-.055em;white-space:normal;margin:0 0 22px}
  body.landing-live .hero h1 em {font-size:1.08em}
  body.landing-live .hero .scribble {height:14px;bottom:-10px;width:95%;stroke-width:2}
  body.landing-live .hero-copy>p {font-size:12px!important;line-height:1.55!important}
  body.landing-live .hero-copy>p .desktop {display:none}
  body.landing-live .hero-actions {margin-top:18px;width:100%}
  body.landing-live #main .hero-actions .button {min-height:46px;padding:12px 14px;gap:8px;font-size:14px!important;line-height:1.4!important;white-space:nowrap}
  body.landing-live .hero-actions .button span {font-size:18px}
  body.landing-live .mobile-gallery-label {display:none}
  body.landing-live .hero .visual-wall {position:absolute;left:auto;right:-15px;top:0;bottom:auto;width:48%;height:100%;margin:0;padding:0;display:flex;gap:8px;transform:rotate(-8deg) scale(1.12);transform-origin:center;opacity:1;overflow:visible;border-radius:0;scroll-snap-type:none;pointer-events:none;z-index:1}
  body.landing-live .hero .visual-wall .film-col {display:block!important;flex:1;min-width:0;width:calc((100% - 8px)/2)}
  body.landing-live .hero .visual-wall .col-2 {display:none!important}
  body.landing-live .hero .visual-wall .film-track {display:block!important;transform:none!important;animation:none!important}
  body.landing-live .hero .visual-wall .film-track>div[aria-hidden="true"] {display:contents!important}
  body.landing-live .hero .visual-wall .fashion-tile {display:block;flex:none;width:100%;aspect-ratio:.71;margin:0 0 8px;border-radius:9px;scroll-snap-align:none}
  body.landing-live .hero .visual-wall .fashion-tile span {font-size:6px;line-height:1.3;padding:16px 5px 6px}
  body.landing-live .hero .visual-wall .wall-shade {display:block;inset:0;background:linear-gradient(90deg,#fbfaf6 0,transparent 22%)!important}
  body.landing-live .hero .motion-toggle {position:absolute;right:8px;bottom:8px;margin:0;padding:6px 8px;font-size:9px;gap:0;min-width:28px;min-height:28px;z-index:5}
  body.landing-live .hero .motion-toggle span {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media(max-width:360px) {
  body.landing-live .hero {padding-left:12px;min-height:350px}
  body.landing-live .hero h1 {font-size:23px!important}
  body.landing-live .hero .eyebrow {font-size:6px!important;letter-spacing:.8px}
  body.landing-live .hero-copy>p {font-size:11px!important}
  body.landing-live #main .hero-actions .button {padding-inline:14px;font-size:14px!important}
  body.landing-live .hero-actions .button span {display:none}
}
@media(max-width:800px) and (prefers-reduced-motion:no-preference) {
  body.landing-live .hero .visual-wall .film-track {animation:preview-film-mobile 52s linear infinite!important}
  body.landing-live .hero .visual-wall .col-1 .film-track {animation-direction:reverse!important;animation-duration:63s!important}
  .motion-paused body.landing-live .hero .visual-wall .film-track {animation-play-state:paused!important}
}
@keyframes preview-film-mobile {from{translate:0 0}to{translate:0 -50%}}

/* The selected outlined wordmark also carries through public-page footers and demos. */
body.trendly-neutral .brand-wordmark {display:block;width:134px;height:auto;object-fit:contain}
body.trendly-neutral .tiny-logo {display:inline-flex;align-items:center;font-size:0;line-height:1}
body.trendly-neutral .tiny-logo .brand-wordmark {width:78px}
body.trendly-neutral .collage-foot strong {display:block;flex:none;width:42px;height:13px;font-size:0!important;line-height:0;background:url('/neutral-20261101/trendly-wordmark.svg') center/contain no-repeat}
body.trendly-neutral .board-story .collage-foot strong {width:55px;height:17px}
@media(max-width:600px) {body.trendly-neutral .brand-wordmark {width:118px}}

/* Landing navigation always uses text-only states. */
body.trendly-neutral.landing-live .site-header .society-main-nav a,
body.trendly-neutral.landing-live .site-header .society-main-nav a:is(:hover,:active,[aria-current="page"],[aria-current="location"]) {background:transparent!important;color:#000!important;border-radius:0!important}
body.trendly-neutral.landing-live .site-header .society-main-nav a:is(:hover,:active,[aria-current="page"],[aria-current="location"]) {text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}

/* Local pricing page uses the same warm neutral preview and public header. */
body.pricing-live {--sans:"DM Sans",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
body.pricing-live main {padding-top:24px}
body.pricing-live .billing-toggle {background:#f2ece4}
body.pricing-live .billing-thumb {box-shadow:0 1px 4px #00000012}
body.pricing-live .plan-featured {border-color:#bfbfbf;box-shadow:none}
body.pricing-live :is(.popular-badge,.coming-badge,.free-badge) {background:#dfd9d1}
body.pricing-live .feature-soon {border-color:#bfbfbf}
body.pricing-live .button-outline:hover {background:transparent;border-color:#000;text-decoration:underline}
body.pricing-live .button-primary {box-shadow:none}
body.pricing-live .plan-features {border-top-color:#bfbfbf}
body.pricing-live :is(.skool-icon,.skool .eyebrow) {color:#f2ece4}
body.pricing-live .skool p {color:#dfd9d1}
body.pricing-live .button-light:hover {background:#f2ece4;text-decoration:underline}
@media(max-width:740px) {body.pricing-live main {padding-top:8px}}


/* The public site uses the same signed-in visual language without local data. */
body.trendly-neutral{--sans:"DM Sans",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;--rule:#bfbfbf}
body.trendly-neutral .site-header{position:relative;z-index:30;max-width:none;gap:0}
body.trendly-neutral .site-header nav{max-width:none;flex-wrap:nowrap;order:initial}
body.trendly-neutral .brand-wordmark{max-width:none}
body.trendly-neutral .site-header .society-main-nav a:hover{background:transparent!important}
body.lookbook-live :is(.story .dek,.caption,.cover p,.source-row small,.side-category){color:#5c5c5c}
body.lookbook-live :is(.cover-images,.photo .frame){background:#f2ece4}
body.lookbook-live dialog::backdrop{background:#0009}
body.privacy-live small{color:#5c5c5c}