.tp{--tp-bg:var(--color-kertas,#f0f2ec);--tp-bg-2:color-mix(in srgb, var(--tp-bg) 72%, #fff);--tp-ink:#141821;--tp-mute:#4a5160;--tp-line:#1418211a;--tp-sig:#1657e8;--tp-tenant:#1657e8;--tp-nav-h:49px;--tp-frame:clamp(.65rem, 1.6vw, 1.05rem);--c-shopee:#e85d04;--c-tt:#0f9d9a;--c-web:#5b4bd6;--f-sans:"Archivo Variable", system-ui, sans-serif;--f-serif:"Archivo Variable", system-ui, sans-serif;--f-mono:"Geist Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);min-height:100svh;color:var(--tp-ink);background:var(--tp-bg);font-family:var(--f-sans);--mk-surface:var(--tp-bg);--nmc-fill:var(--tp-bg)}.tp-nav{z-index:40;isolation:isolate;background:0 0;justify-content:space-between;align-items:center;gap:.75rem;width:min(90rem,100% - 1.6rem);height:3.15rem;margin:.7rem auto 0;display:flex;position:sticky;top:.7rem}.tp-nav__logo{-webkit-backdrop-filter:blur(16px)saturate(1.3);background:#ffffffeb;border:1px solid #14182114;border-radius:999px;flex:none;align-items:center;gap:.5rem;height:3.15rem;padding:0 .9rem 0 .5rem;text-decoration:none;transition:background-color .2s,box-shadow .2s;display:flex;box-shadow:0 12px 28px #10285a1f}.tp-nav__logo:hover{background:#fff}.tp-nav__mark{flex:none;width:2.35rem;height:2.35rem}.tp-nav__word{color:var(--tp-ink);letter-spacing:-.03em;font-size:.92rem;font-weight:750}.tp-nav__links{-webkit-backdrop-filter:blur(18px)saturate(1.45);background:#ffffffe6;border:1px solid #14182114;border-radius:999px;justify-content:center;align-items:center;gap:.05rem;height:3.15rem;padding:.22rem;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #10285a24}.tp-nav__links a{height:2.35rem;color:var(--tp-mute);letter-spacing:-.015em;border-radius:999px;flex:none;align-items:center;padding:0 .7rem;font-size:.82rem;font-weight:550;text-decoration:none;transition:color .2s,background-color .2s;display:flex}.tp-nav__links a:hover{color:var(--tp-ink);background:var(--tp-bg-2)}.tp-nav__home{-webkit-backdrop-filter:blur(16px)saturate(1.3);height:3.15rem;color:var(--tp-ink);background:#ffffffeb;border:1px solid #14182114;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 1rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 12px 28px #10285a1f}.tp-nav__home:hover{color:var(--tp-ink);background:#fff}.tp-main{max-width:none;margin:0;padding:0 0 4rem}.tp-hero{padding:var(--tp-frame);background:var(--tp-bg);box-sizing:border-box}.tp-hero__stage{isolation:isolate;color:#fff;background:var(--tp-tenant);border-radius:1.35rem;grid-template-columns:minmax(0,1fr) minmax(16rem,1.05fr);align-items:center;gap:clamp(1.25rem,3vw,2.5rem);min-height:min(36rem,78svh);padding:clamp(1.5rem,3.5vw,2.75rem);display:grid;position:relative;overflow:hidden}.tp-hero__ring{z-index:0;pointer-events:none;opacity:.9;background:radial-gradient(circle at 50% 55%,#0000 0 28%,#ffffff12 28.5%,#0000 29%),radial-gradient(circle at 50% 55%,#0000 0 42%,#ffffff0d 42.5%,#0000 43%),radial-gradient(circle at 50% 55%,#0000 0 56%,#ffffff0a 56.5%,#0000 57%);position:absolute;inset:0}.tp-hero__copy{z-index:1;align-content:center;gap:.75rem;max-width:34rem;display:grid;position:relative}.tp-hero__trade{color:#ffffffc7;font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:550}.tp-hero__mono{color:#ffffff8c;font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:650}.tp-hero h1{font-family:var(--f-serif);letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(2.6rem,5.5vw,4.1rem);font-weight:400;line-height:.96}.tp-hero__tag{color:#ffffffeb;margin:0;font-size:1.1rem;line-height:1.4}.tp-hero__lead{color:#ffffffb8;margin:0;font-size:.95rem;line-height:1.55}.tp-hero__actions{flex-wrap:wrap;gap:.65rem;margin-top:.35rem;display:flex}.tp-btn{min-height:2.7rem;font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:.8rem;justify-content:center;align-items:center;padding:0 1.2rem;font-size:.7rem;font-weight:650;text-decoration:none;display:inline-flex}.tp-btn--solid{color:#0a0a0a;background:#fff}.tp-btn--solid:hover{filter:brightness(.96)}.tp-btn--ghost{color:#fff;background:0 0;border:1px solid #ffffff59}.tp-btn--ghost:hover{background:#ffffff1a}.tp-hero__meta{flex-wrap:wrap;gap:1.25rem 1.75rem;margin:.55rem 0 0;padding:0;list-style:none;display:flex}.tp-hero__meta li{gap:.15rem;display:grid}.tp-hero__meta b{letter-spacing:-.02em;color:#fff;font-size:1.05rem;font-weight:750}.tp-hero__meta span{color:#ffffff9e;font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.65rem}.tp-looks{z-index:1;gap:.85rem;min-width:0;display:grid;position:relative}.tp-looks__rail{grid-template-rows:1fr 1fr;grid-template-columns:1.45fr .7fr;gap:.65rem;min-height:18rem;margin:0;padding:0;list-style:none;display:grid}.tp-looks__rail>li:first-child{grid-row:1/-1}.tp-looks__rail>li{min-height:0}.tp-looks__shot{cursor:pointer;width:100%;height:100%;transition:transform .28s var(--ease-out), box-shadow .28s ease, outline-color .16s ease;background:#0000002e;border:0;border-radius:.85rem;padding:0;display:block;overflow:hidden}.tp-looks__shot img{object-fit:cover;width:100%;height:100%;transition:transform .48s var(--ease-out), filter .28s ease;filter:brightness(.88)saturate(.92);display:block}.tp-looks__rail li[data-active=true] .tp-looks__shot{box-shadow:0 0 0 2px #fff}.tp-looks__rail li[data-active=true] .tp-looks__shot img{filter:none;transform:scale(1.03)}.tp-looks__shot:hover img{filter:brightness()saturate();transform:scale(1.04)}.tp-looks__shot:focus-visible{outline-offset:3px;outline:2px solid #fff}.tp-looks__cap{animation:tp-cap-in .38s var(--ease-out) both;gap:.1rem;display:grid}.tp-looks__cap p{color:#ffffff9e;font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.62rem}.tp-looks__cap strong{font-family:var(--f-serif);letter-spacing:-.02em;color:#fff;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:400;line-height:1.15}.tp-looks__cap span{font-family:var(--f-mono);letter-spacing:.02em;color:#ffffffeb;font-size:.85rem;font-weight:700}.tp-looks__dots{gap:.4rem;display:flex}.tp-looks__dot{cursor:pointer;width:.45rem;height:.45rem;transition:width .2s var(--ease-out), background-color .2s ease;background:#ffffff59;border:0;border-radius:999px;padding:0}.tp-looks__dot[data-on=true]{background:#fff;width:1.15rem}.tp-looks__dot:focus-visible{outline-offset:3px;outline:2px solid #fff}.tp-looks--empty{background:#0000001f;border-radius:.85rem;min-height:16rem}@keyframes tp-cap-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tp-channels{border-bottom:1px solid var(--tp-line);flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;max-width:72rem;margin:0 auto;padding:1.15rem clamp(1rem,3vw,2rem);display:flex}.tp-channels__label{color:var(--tp-mute);font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.65rem}.tp-channels ul{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.tp-channels li{border:0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;width:2.85rem;height:2.85rem;padding:0;display:flex;overflow:hidden}.tp-channels li img{object-fit:contain;width:62%;height:62%;display:block}.tp-channels li[data-ch=shopee]{background:#ee4d2d}.tp-channels li[data-ch=shopee] img{filter:brightness(0)invert()}.tp-channels li[data-ch=tt]{background:#111}.tp-channels li[data-ch=tt] img{filter:brightness(0)invert()}.tp-channels li[data-ch=tokopedia]{border:1px solid var(--tp-line);background:#fff}.tp-channels li[data-ch=tokopedia] img{width:78%;height:78%}.tp-channels li[data-ch=web]{border:1px solid var(--tp-line);background:#fff;width:auto;height:auto;min-height:2.85rem;padding:.5rem 1.1rem;overflow:visible}.tp-channels li[data-ch=web] a{color:inherit;align-items:baseline;gap:.45rem;text-decoration:none;display:flex}.tp-channels li[data-ch=web] a:hover b{text-underline-offset:.12em;text-decoration:underline}.tp-channels li[data-ch=web] a:focus-visible{outline:2px solid var(--c-web);outline-offset:3px;border-radius:.4rem}.tp-channels li[data-ch=web] b{color:var(--c-web);font-size:.8rem;font-weight:750}.tp-channels li[data-ch=web] span{color:var(--tp-mute);font-size:.72rem;font-weight:550}.tp-buy{max-width:72rem;margin:2rem auto 0;padding:0 clamp(1rem,3vw,2rem)}.tp-buy__head{border-bottom:1px solid var(--tp-line);justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:1rem;display:flex}.tp-buy__head h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.35rem,2.2vw,1.7rem);font-weight:750}.tp-buy__head p{color:var(--tp-mute);margin:.3rem 0 0;font-size:.9rem}.tp-buy__steps{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tp-buy__steps>li{grid-template-columns:auto minmax(0,1fr);align-content:start;gap:.75rem;min-width:0;padding:1.15rem 1.1rem 1.15rem 0;display:grid}.tp-buy__steps>li+li{border-left:1px solid var(--tp-line);padding-left:1.1rem}.tp-buy__index{color:var(--tp-sig);font-family:var(--f-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700}.tp-buy__steps h3{letter-spacing:-.015em;margin:0;font-size:.95rem;font-weight:750}.tp-buy__steps p{color:var(--tp-mute);margin:.35rem 0 0;font-size:.84rem;line-height:1.55}.tp-shelf{max-width:72rem;margin:0 auto;padding:1.75rem clamp(1rem,3vw,2rem) .5rem}.tp-shelf__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 1rem;display:flex}.tp-shelf__search{flex:14rem}.tp-shelf__search input{border:1px solid var(--tp-line);width:100%;min-height:2.75rem;color:var(--tp-ink);font:inherit;background:#fff;border-radius:999px;padding:0 1rem}.tp-shelf__search input:focus-visible{outline:2px solid var(--tp-sig);outline-offset:2px}.tp-shelf__count{color:var(--tp-mute);font-family:var(--f-mono);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:650}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tp-shelf__head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.15rem;display:flex}.tp-shelf__head h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.35rem,2.2vw,1.7rem);font-weight:750}.tp-shelf__head p{color:var(--tp-mute);margin:.3rem 0 0;font-size:.9rem}.tp-shelf__head>span,.tp-shelf__more{color:var(--tp-mute);font-family:var(--f-mono);letter-spacing:.04em;text-transform:uppercase;flex:none;font-size:.7rem;font-weight:650}.tp-shelf__more{border:1px solid color-mix(in srgb, var(--tp-ink) 22%, transparent);min-height:2.65rem;color:var(--tp-ink);background:0 0;border-radius:.8rem;justify-content:center;align-items:center;padding:0 .95rem;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.tp-shelf__more:hover{color:var(--tp-tenant,#1657e8);background:color-mix(in srgb, var(--tp-tenant,#1657e8) 7%, transparent);border-color:currentColor}.tp-shelf__more:focus-visible{outline:2px solid var(--tp-tenant,#1657e8);outline-offset:3px}.tp-empty{color:var(--tp-mute);margin:0}.tp-shelf__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.tp-shelf__grid--featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (min-width:64rem){.tp-shelf__grid--featured{grid-template-columns:repeat(4,minmax(0,1fr))}}.tp-shelf__grid--featured .nmc{aspect-ratio:4/5;border-radius:1.65rem;width:100%;min-height:clamp(14rem,22vw,18rem);max-height:none}.tp-item{border:1px solid var(--tp-line);background:#fff;border-radius:1rem;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.tp-item:hover{transform:translateY(-2px);box-shadow:0 18px 36px -24px #3a476366;box-shadow:0 18px 36px -24px lab(30.0897% .385687 -18.1442/.4)}.tp-item__media{aspect-ratio:4/3;background:var(--tp-bg-2);position:relative;overflow:hidden}.tp-item__media img{object-fit:cover;width:100%;height:100%;transition:transform .42s var(--ease-out)}.tp-item:hover .tp-item__media img{transform:scale(1.04)}.tp-item__media span{z-index:1;max-width:calc(100% - 1.4rem);font-family:var(--f-sans);border-radius:999px;padding:.4rem .65rem;font-size:.75rem;font-weight:750;line-height:1.25;position:absolute}.tp-item__name{color:var(--tp-ink);text-overflow:ellipsis;white-space:nowrap;background:#fffffff0;top:.7rem;left:.7rem;overflow:hidden;box-shadow:0 3px 14px #1018281f}.tp-item__stock{color:#fff;white-space:nowrap;background:#303642;bottom:.7rem;left:.7rem}.tp-item__stock[data-stock=low_stock]{background:#c65300}.tp-item__stock[data-stock=out_of_stock]{background:#b42318}.tp-item__body{border-top:1px solid var(--tp-line);align-content:space-between;gap:.8rem;min-height:6.5rem;padding:.85rem .95rem 1rem;display:grid}.tp-item__row{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.tp-item__row strong{color:var(--tp-sig);font-size:.95rem;font-weight:800}.tp-item__row span{color:var(--tp-mute);font-family:var(--f-mono);letter-spacing:.03em;text-transform:uppercase;font-size:.64rem;font-weight:650}.tp-item__row span[data-stock=low_stock]{color:#b45309}.tp-item__row span[data-stock=out_of_stock]{color:#b42318}.tp-item__cta{color:#fff;cursor:pointer;min-height:2.75rem;font:inherit;background:#111318;border:0;border-radius:.7rem;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;transition:background-color .16s,transform .16s;display:inline-flex}.tp-item__cta:hover:not(:disabled){background:var(--tp-sig);transform:translateY(-1px)}.tp-item__cta:focus-visible,.tp-shop__close:focus-visible,.tp-shop__submit:focus-visible{outline:3px solid color-mix(in srgb, var(--tp-sig) 55%, white);outline-offset:3px}.tp-item__cta:disabled{color:#626875;cursor:not-allowed;background:#d7d9de}.tp-shop__dialog{width:min(42rem,100vw - 1rem);max-width:none;max-height:min(90dvh,48rem);color:var(--tp-ink);background:#fff;border:1px solid #1418211f;border-radius:1.25rem;margin:auto;padding:0;overflow-y:auto;box-shadow:0 28px 90px #0f172a52}.tp-shop__dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f131da3}.tp-shop__content{padding:clamp(1.15rem,4vw,1.75rem)}.tp-shop__header,.tp-shop__footer{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.tp-shop__header{border-bottom:1px solid var(--tp-line);padding-bottom:1.2rem}.tp-shop__eyebrow{color:var(--tp-sig);font-family:var(--f-mono);letter-spacing:.1em;margin:0 0 .45rem;font-size:.66rem;font-weight:700}.tp-shop__header h2{letter-spacing:-.035em;margin:0;font-size:1.45rem;font-weight:750}.tp-shop__header p:last-child{color:var(--tp-mute);margin:.35rem 0 0;font-size:.88rem;line-height:1.5}.tp-shop__close{color:var(--tp-mute);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:.6rem;flex:none;padding:.55rem .75rem;font-size:.82rem;font-weight:650}.tp-shop__close:hover{background:var(--tp-bg-2);color:var(--tp-ink)}.tp-shop__form{gap:1rem;padding-top:1.2rem;display:grid}.tp-shop__product{border:1px solid var(--tp-line);background:var(--tp-bg-2);border-radius:.85rem;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.tp-shop__product>div{gap:.2rem;min-width:0;display:grid}.tp-shop__product strong{font-size:.95rem}.tp-shop__product span{color:var(--tp-mute);font-size:.78rem}.tp-shop__product .tp-shop__product-stock{color:var(--tp-sig);font-family:var(--f-mono);flex:none;font-size:.68rem;font-weight:700}.tp-shop__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.tp-shop__field{min-width:0;color:var(--tp-ink);gap:.4rem;font-size:.8rem;font-weight:650;display:grid}.tp-shop__field input,.tp-shop__field select{width:100%;min-height:2.9rem;color:var(--tp-ink);font:inherit;background:#fff;border:1px solid #1418212e;border-radius:.65rem;padding:.65rem .75rem;font-size:.82rem}.tp-shop__field input:focus-visible,.tp-shop__field select:focus-visible{border-color:var(--tp-sig);outline:3px solid color-mix(in srgb, var(--tp-sig) 22%, transparent)}.tp-shop__notice{color:#33415c;background:#f2f6ff;border-radius:.7rem;margin:0;padding:.8rem .9rem;font-size:.78rem;line-height:1.5}.tp-shop__footer{border-top:1px solid var(--tp-line);align-items:center;padding-top:.95rem}.tp-shop__footer>div{gap:.2rem;display:grid}.tp-shop__footer>div span{color:var(--tp-mute);font-size:.76rem}.tp-shop__footer>div strong{color:var(--tp-sig);font-size:1.1rem}.tp-shop__submit{color:#fff;cursor:pointer;min-height:2.9rem;font:inherit;background:#111318;border:0;border-radius:.7rem;padding:.7rem 1rem;font-size:.82rem;font-weight:700}.tp-shop__submit:hover:not(:disabled){background:var(--tp-sig)}.tp-shop__submit:disabled{opacity:.55;cursor:not-allowed}.tp-shop__result{color:#12683e;background:#eefbf3;border:1px solid #b6e6c8;border-radius:.8rem;margin:1rem 0 0;padding:.9rem 1rem;font-size:.86rem;font-weight:650;line-height:1.5}@media (max-width:63.99rem){.tp-nav{width:calc(100% - 1rem)}.tp-nav__links{min-width:0;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;flex:1;justify-content:flex-start;padding:0;position:static;transform:none}.tp-nav__links a{padding-inline:.6rem}}@media (max-width:64rem){.tp-hero__stage{grid-template-columns:1fr;min-height:0}.tp-looks__rail{min-height:14rem}.tp-shelf__grid{grid-template-columns:1fr 1fr}}@media (max-width:40rem){.tp-nav{gap:.25rem}.tp-nav__logo{justify-content:center;width:2.85rem;height:2.85rem;padding:0}.tp-nav__word{display:none}.tp-nav__links a{padding-inline:.45rem;font-size:.68rem}.tp-nav__home{white-space:nowrap;height:2.85rem;padding-inline:.65rem;font-size:.68rem}.tp-shop__fields{grid-template-columns:1fr}.tp-shop__footer{flex-direction:column;align-items:stretch}.tp-shop__submit{width:100%}.tp-shelf__grid,.tp-shelf__grid--featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.tp-shelf__grid--featured .nmc{--nmc-r:.95rem;--nmc-fillet:.62rem;aspect-ratio:3/4;border-radius:1.05rem;min-height:0}.tp-shelf__grid--featured .nmc__notch{gap:.3rem;max-width:min(78%,8.25rem);padding:.42rem .52rem .42rem .48rem;font-size:.7rem}.tp-shelf__grid--featured .nmc__notch--br{padding:.42rem .52rem}.tp-shelf__grid--featured .nmc__title{font-size:.7rem}.tp-shelf__grid--featured .nmc__meta{margin:.4rem .4rem 0 0;padding:.26rem .45rem;font-size:.58rem}.tp-shelf__grid--featured .nmc__foot{margin:0 0 .5rem .5rem;font-size:.7rem}.tp-shelf__head{flex-direction:column;align-items:flex-start}.tp-hero__actions{width:100%}.tp-hero__actions .tp-btn{flex:1}.tp-buy__head{flex-direction:column;align-items:flex-start}.tp-buy__steps{grid-template-columns:1fr}.tp-buy__steps>li,.tp-buy__steps>li+li{border:0;border-bottom:1px solid var(--tp-line);padding:.9rem 0}.tp-looks__rail{grid-template-rows:auto;grid-template-columns:1fr 1fr;min-height:11rem}.tp-looks__rail>li:first-child{grid-area:auto/1/auto/-1;min-height:11rem}}@media (min-width:40rem){.tp-shelf__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.tp-shelf__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.tp-looks__shot,.tp-looks__shot img,.tp-looks__cap,.tp-looks__dot,.tp-item,.tp-item__media img{transition:none!important;animation:none!important}}
