:root{--ink:#171717;--muted:#737373;--line:#e9e9e7;--soft:#f5f5f3;--accent:#e60023;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}.ob-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.05)}.ob-header-inner{height:74px;max-width:1800px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:28px}.ob-logo{font-family:Manrope,sans-serif;font-weight:800;font-size:29px;letter-spacing:-1.7px;white-space:nowrap}.ob-logo span{color:var(--accent)}.ob-search{height:48px;flex:1;max-width:760px;margin:auto;background:#f1f1ef;border-radius:999px;display:flex;align-items:center;padding:0 19px;transition:.2s}.ob-search:focus-within{background:#fff;box-shadow:0 0 0 3px #111}.ob-search svg{width:20px;fill:none;stroke:#555;stroke-width:2}.ob-search input{border:0;outline:0;background:transparent;width:100%;padding:0 12px;font-size:15px}.ob-header-actions{display:flex;align-items:center;gap:12px}.ob-header-actions>a{font-weight:700;font-size:14px;padding:10px}.ob-icon-btn,.ob-avatar{border:0;cursor:pointer;background:#f3f3f1}.ob-icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.ob-icon-btn svg{width:20px;fill:none;stroke:#111;stroke-width:1.8}.ob-avatar{width:38px;height:38px;border-radius:50%;font-weight:800}.ob-category-bar{height:54px;display:flex;align-items:center;gap:8px;padding:0 max(24px,calc((100vw - 1740px)/2));overflow:auto;scrollbar-width:none;border-bottom:1px solid #efefed;background:#fff;position:sticky;top:74px;z-index:45}.ob-category-bar::-webkit-scrollbar{display:none}.ob-category-bar button{border:0;background:none;border-radius:999px;padding:9px 16px;font-weight:700;white-space:nowrap;cursor:pointer;color:#555}.ob-category-bar button:hover{background:#f4f4f2}.ob-category-bar button.active{background:#171717;color:#fff}.ob-main{max-width:1800px;margin:auto;padding:0 28px 100px}.ob-intro{padding:64px 8px 36px;display:flex;justify-content:space-between;align-items:end;gap:30px}.ob-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;margin:0 0 13px;color:#777}.ob-intro h1{font-family:Manrope,sans-serif;font-size:clamp(50px,6vw,88px);line-height:.88;letter-spacing:-.065em;margin:0}.ob-intro h1 em{font-style:normal;color:var(--accent)}.ob-lede{font-size:17px;color:#666;max-width:520px;line-height:1.55;margin:23px 0 0}.ob-personalize{border:1px solid var(--line);background:#fff;border-radius:20px;padding:16px 20px;display:flex;align-items:center;gap:13px;cursor:pointer;min-width:205px;text-align:left;box-shadow:0 8px 35px rgba(0,0,0,.04)}.ob-personalize>span:first-child{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#fff0f2;color:var(--accent)}.ob-personalize b,.ob-personalize small{display:block}.ob-personalize small{color:#888;margin-top:2px}.ob-stories{display:flex;gap:25px;overflow:auto;padding:10px 8px 40px;scrollbar-width:none}.ob-stories::-webkit-scrollbar{display:none}.ob-stories a{flex:0 0 78px;text-align:center}.story-img{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;border:3px solid white;outline:1px solid #dededa;font:800 25px Manrope,sans-serif;transition:.2s}.ob-stories a:hover .story-img{transform:translateY(-4px)}.ob-stories b{font-size:12px;display:block;margin-top:9px;white-space:nowrap}.story-pink{background:#ffdae2}.story-black{background:#111;color:#fff}.story-rose{background:#ffd6cb}.story-blue{background:#d7eaff}.story-cream{background:#eee7d9}.story-lime{background:#dcefa1}.story-red{background:#ff4b4b;color:#fff}.story-yellow{background:#ffe479}.ob-feed-head{display:flex;align-items:end;justify-content:space-between;padding:18px 8px 25px}.ob-feed-head h2{font:800 31px Manrope,sans-serif;letter-spacing:-1.3px;margin:0}.ob-feed-head p{color:#888;margin:5px 0 0;font-size:14px}.ob-feed-head button{border:0;background:none;font-weight:700;color:#666;cursor:pointer;padding:8px}.ob-masonry{column-count:6;column-gap:18px}.ob-card{break-inside:avoid;margin:0 0 25px;display:inline-block;width:100%;vertical-align:top;animation:obIn .45s ease both}@keyframes obIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.ob-card-media{position:relative;border-radius:20px;overflow:hidden;background:#f1f1ef;min-height:180px}.ob-card-media img{width:100%;height:auto;display:block;object-fit:cover;transition:.35s}.ob-card:hover img{transform:scale(1.018)}.ob-card-save{position:absolute;right:12px;top:12px;border:0;background:var(--accent);color:#fff;border-radius:999px;padding:10px 15px;font-weight:800;opacity:0;transform:translateY(-5px);transition:.2s;cursor:pointer}.ob-card:hover .ob-card-save{opacity:1;transform:none}.ob-card-save.saved{background:#111;opacity:1}.ob-discount{position:absolute;left:11px;bottom:11px;background:#fff;color:#111;padding:7px 10px;border-radius:999px;font-weight:800;font-size:12px;box-shadow:0 3px 10px rgba(0,0,0,.08)}.ob-card-info{padding:10px 5px 0}.ob-card-info h3{font-size:14px;line-height:1.35;margin:0 0 7px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ob-price-row{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.ob-price{font-weight:800;font-size:15px}.ob-old{color:#999;text-decoration:line-through;font-size:12px}.ob-store{font-size:11px;color:#858585;margin-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ob-placeholder .ob-card-media{height:var(--h,290px);background:linear-gradient(110deg,#f1f1ef 8%,#fafafa 18%,#f1f1ef 33%);background-size:200% 100%;animation:shine 1.2s linear infinite}.ob-placeholder .line{height:11px;border-radius:8px;background:#efefed;margin:9px 5px;width:80%}.ob-placeholder .line.short{width:45%}@keyframes shine{to{background-position-x:-200%}}.ob-feed-status{text-align:center;padding:35px;color:#777;font-size:13px}.ob-loader{display:inline-block;width:15px;height:15px;border:2px solid #ddd;border-top-color:#111;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}.ob-modal{position:fixed;inset:0;z-index:100;display:none}.ob-modal.open{display:block}.ob-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(5px)}.ob-modal-card{position:absolute;width:min(720px,calc(100% - 30px));max-height:88vh;overflow:auto;left:50%;top:50%;transform:translate(-50%,-50%);background:white;border-radius:30px;padding:42px;text-align:center;box-shadow:0 25px 100px rgba(0,0,0,.18)}.ob-modal-close{position:absolute;right:19px;top:16px;width:38px;height:38px;border-radius:50%;border:0;background:#f1f1ef;font-size:25px;cursor:pointer}.ob-modal-spark{width:52px;height:52px;border-radius:50%;background:#fff0f2;color:var(--accent);display:grid;place-items:center;margin:0 auto 20px;font-size:23px}.ob-modal-card h2{font:800 clamp(35px,5vw,52px) Manrope,sans-serif;letter-spacing:-2px;margin:0}.ob-modal-card>p:not(.ob-kicker){color:#777;max-width:510px;margin:12px auto 28px;line-height:1.5}.ob-interest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ob-interest-grid button{position:relative;border:1px solid #e3e3e0;background:#fff;border-radius:18px;min-height:105px;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;padding:14px;cursor:pointer;text-align:left}.ob-interest-grid button>span{font-size:26px;margin:auto 0}.ob-interest-grid button b{font-size:13px}.ob-interest-grid button i{position:absolute;right:10px;top:9px;width:23px;height:23px;border-radius:50%;background:#f1f1ef;display:grid;place-items:center;font-style:normal}.ob-interest-grid button.selected{border:2px solid #111;background:#fafafa}.ob-interest-grid button.selected i{background:#111;color:#fff}.ob-save-interests{width:100%;height:56px;border:0;background:#111;color:#fff;border-radius:999px;font-weight:800;margin-top:24px;cursor:pointer}.ob-save-interests span{margin-left:7px}.ob-skip{border:0;background:none;margin-top:13px;color:#777;cursor:pointer}.ob-mobile-nav{display:none}
@media(max-width:1450px){.ob-masonry{column-count:5}}@media(max-width:1180px){.ob-masonry{column-count:4}.ob-intro{padding-top:45px}}@media(max-width:880px){.ob-header-inner{padding:0 16px;height:67px;gap:14px}.ob-logo{font-size:25px}.ob-header-actions>a,.ob-icon-btn{display:none}.ob-category-bar{top:67px;padding:0 14px}.ob-main{padding:0 15px 90px}.ob-intro{padding:38px 2px 28px}.ob-intro h1{font-size:55px}.ob-personalize{display:none}.ob-masonry{column-count:3;column-gap:13px}.ob-card{margin-bottom:20px}.ob-modal-card{padding:36px 20px}.ob-interest-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){body{padding-bottom:68px}.ob-header-inner{height:62px}.ob-logo{font-size:22px;letter-spacing:-1.2px}.ob-search{height:42px;padding:0 12px}.ob-search input{font-size:13px;padding:0 8px}.ob-avatar{display:none}.ob-category-bar{height:48px;top:62px;gap:3px;padding:0 10px}.ob-category-bar button{font-size:13px;padding:8px 12px}.ob-intro{padding:29px 2px 20px}.ob-intro h1{font-size:44px}.ob-intro h1 br{display:none}.ob-lede{font-size:14px;margin-top:14px}.ob-stories{gap:16px;padding:8px 2px 27px}.ob-stories a{flex-basis:62px}.story-img{width:60px;height:60px;font-size:20px}.ob-stories b{font-size:10px}.ob-feed-head{padding:9px 2px 19px}.ob-feed-head h2{font-size:25px}.ob-feed-head p{display:none}.ob-feed-head button{font-size:12px}.ob-masonry{column-count:2;column-gap:11px}.ob-card{margin-bottom:18px}.ob-card-media{border-radius:14px}.ob-card-info{padding-top:8px}.ob-card-info h3{font-size:12px;margin-bottom:5px}.ob-price{font-size:13px}.ob-old,.ob-store{font-size:10px}.ob-card-save{display:none}.ob-discount{left:7px;bottom:7px;padding:5px 7px;font-size:10px}.ob-mobile-nav{position:fixed;left:0;right:0;bottom:0;height:68px;z-index:60;background:rgba(255,255,255,.96);border-top:1px solid #eaeae7;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom)}.ob-mobile-nav a,.ob-mobile-nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;color:#777}.ob-mobile-nav span{font-size:21px}.ob-mobile-nav .active{color:#111;font-weight:700}.ob-modal-card{border-radius:25px;max-height:92vh}.ob-interest-grid{grid-template-columns:repeat(3,1fr);gap:7px}.ob-interest-grid button{min-height:91px;padding:11px;border-radius:14px}.ob-interest-grid button>span{font-size:22px}.ob-modal-card h2{font-size:38px}.ob-feed-status{padding:25px 0}}

.ob-saved-count{display:inline-flex;min-width:18px;height:18px;padding:0 5px;align-items:center;justify-content:center;border-radius:999px;background:#e60023;color:#fff;font-size:10px;font-weight:900;margin-left:4px;vertical-align:1px}

.ob-saved-link{display:inline-flex!important;align-items:center!important;gap:3px!important;font-weight:700!important;font-size:14px!important;padding:10px!important}
.ob-saved-count{display:inline-flex;min-width:18px;height:18px;padding:0 5px;align-items:center;justify-content:center;border-radius:999px;background:#e60023;color:#fff;font-size:10px;font-weight:900;margin-left:3px}
@media(max-width:880px){.ob-header-actions .ob-saved-link{display:inline-flex!important}}
@media(max-width:620px){.ob-header-actions .ob-saved-link{display:inline-flex!important;font-size:12px!important;padding:7px!important}.ob-saved-count{min-width:16px;height:16px;font-size:9px}}

@media(max-width:820px){
  .ob-search input,
  input[type="search"]{
    font-size:16px!important;
  }
}

.ob-about-link{display:inline-flex!important;align-items:center!important;font-weight:700!important;font-size:14px!important;padding:10px!important}@media(max-width:620px){.ob-about-link{font-size:12px!important;padding:7px!important}}


/* Mobile navigation: Home / Explore / For You / Saved / About */
.ob-about-link{
  display:inline-flex!important;
  align-items:center!important;
  font-weight:700!important;
  font-size:14px!important;
  padding:10px!important;
}
@media(max-width:880px){
  .ob-header-actions .ob-about-link{display:inline-flex!important}
}
@media(max-width:620px){
  /* About is in bottom navigation on phones, so keep top header clean. */
  .ob-header-actions .ob-about-link{display:none!important}

  .ob-mobile-nav{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  .ob-mobile-nav>a,
  .ob-mobile-nav>button{
    min-width:0!important;
    padding-left:2px!important;
    padding-right:2px!important;
    font-size:9px!important;
  }
  .ob-mobile-nav>a span,
  .ob-mobile-nav>button span{
    font-size:19px!important;
  }
}


/* Brand Stories */
.ob-brand-stories{
  gap:18px!important;
  padding-top:12px!important;
  padding-bottom:38px!important;
}
.ob-brand-story{
  flex:0 0 82px!important;
  text-align:center!important;
}
.ob-brand-logo-wrap{
  width:78px!important;
  height:78px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid #e6e6e3!important;
  outline:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:14px!important;
  overflow:hidden!important;
  box-shadow:0 5px 18px rgba(0,0,0,.045)!important;
}
.ob-brand-logo-wrap img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.ob-brand-story:hover .ob-brand-logo-wrap{
  transform:translateY(-3px)!important;
  border-color:#d6d6d2!important;
}
.ob-brand-story b{
  display:block!important;
  margin-top:9px!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ob-brand-logo-wrap.brand-logo-fallback::after{
  content:attr(data-letter);
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  color:#171717;
  font:800 24px Manrope,Arial,sans-serif;
}
@media(max-width:620px){
  .ob-brand-stories{
    gap:13px!important;
    padding-bottom:26px!important;
  }
  .ob-brand-story{
    flex-basis:66px!important;
  }
  .ob-brand-logo-wrap{
    width:62px!important;
    height:62px!important;
    padding:11px!important;
  }
  .ob-brand-story b{
    font-size:9px!important;
    margin-top:7px!important;
  }
}