@font-face{font-family:Host Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/host-grotesk-latin-ext-wght-normal-B8jkyusk.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Host Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/host-grotesk-latin-wght-normal-CBa0fl4q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Host Grotesk Variable;font-style:italic;font-display:swap;font-weight:300 800;src:url(/assets/host-grotesk-latin-ext-wght-italic-C9fcL9S5.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Host Grotesk Variable;font-style:italic;font-display:swap;font-weight:300 800;src:url(/assets/host-grotesk-latin-wght-italic-DwZ-Dnu8.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--white:#fff;--grey:#c9cbd1;--ink:#1e1e1e;--seal-red:#ac1617;--font-display:"Host Grotesk Variable", sans-serif;--font-body:"DM Sans Variable", sans-serif;--radius-card:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--white);width:100%;height:100%;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}img,video{max-width:100%;display:block}button{cursor:pointer;font:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}.frost{-webkit-backdrop-filter:blur(18px)saturate(120%);border-radius:var(--radius-card);background:#ffffff1a;border:1px solid #ffffff40}.loader{z-index:1000;background:var(--white);will-change:transform, background-color;position:fixed;inset:0;overflow:hidden}.loader__logo{width:76px;height:auto;color:var(--grey);z-index:3;will-change:width;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader__wordmark{z-index:3;white-space:nowrap;font-family:var(--font-display);letter-spacing:-.015em;color:#babcc3;opacity:0;visibility:hidden;align-items:baseline;gap:.28em;font-size:1.375rem;font-weight:800;display:inline-flex;position:absolute;top:50%;left:50%}.loader__pre{font-style:normal}.loader__brand{font-style:italic}.loader__progress{z-index:3;background:#909090;border-radius:9px;width:140px;height:7px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,64px)}.loader__bar{background:#babcc3;border-radius:9px;width:0;height:100%;transition:width .25s}.hero{background:var(--white);width:100%;height:100vh;position:relative;overflow:hidden}.hero__stage{z-index:0;will-change:transform;position:absolute;inset:0;overflow:hidden}.hero__video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero__scrim{z-index:1;pointer-events:none;position:absolute;inset:0}.hero__scrim--top{background:linear-gradient(#00000052,#0000 30%)}.hero__scrim--bottom{background:radial-gradient(70% 90% at 0 100%,#00000042,#0000 68%)}.hero__reveal{opacity:0}.hero__logo{z-index:2;width:96px;height:auto;color:var(--white);cursor:pointer;transition:filter .3s;position:absolute;top:48px;left:56px}.hero__logo:hover{filter:drop-shadow(0 6px 14px #00000080)}.hero__nav{z-index:2;font-family:var(--font-body);letter-spacing:.01em;color:var(--white);gap:38px;font-size:1rem;font-weight:500;display:flex;position:absolute;top:54px;right:56px}.hero__nav a{padding-bottom:3px;position:relative}.hero__nav a:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .32s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.hero__nav a:hover:after{transform:scaleX(1)}.hero__headline{z-index:2;color:var(--white);font-family:var(--font-display);letter-spacing:-.045em;flex-direction:column;font-size:9rem;font-weight:800;line-height:.9;display:flex;position:absolute;bottom:52px;left:56px}.hero__line{display:block}.word-roll{vertical-align:top;height:1.3em;margin-top:-.2em;line-height:1.3;display:inline-block;overflow:hidden}.word-roll__track{will-change:transform;flex-direction:column;display:flex}.word-roll__item{height:1.3em;line-height:1.3}.hero__pane{z-index:2;width:240px;color:var(--white);cursor:pointer;border:none;flex-direction:column;padding:0;transition:box-shadow .3s;display:flex;position:absolute;bottom:52px;right:56px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.hero__pane:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:#0000003d;transition:opacity .3s;position:absolute;inset:0}.hero__pane:hover{box-shadow:0 18px 44px #00000073}.hero__pane:hover:after{opacity:1}.hero__pane-img{object-fit:cover;width:100%;height:152px;display:block}.hero__pane-footer{font-family:var(--font-body);justify-content:space-between;align-items:flex-end;gap:10px;padding:12px 14px 14px;display:flex}.hero__pane-text{flex-direction:column;gap:4px;min-width:0;display:flex}.hero__pane-label{letter-spacing:.14em;opacity:.8;font-size:.625rem;font-weight:600}.hero__pane-title{font-size:.9375rem;font-weight:500;line-height:1.15}.hero__pane-link{width:26px;height:26px;color:var(--white);opacity:.85;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hero__ad{z-index:3;opacity:0;pointer-events:none;justify-content:space-between;align-items:center;padding:0 26%;display:flex;position:absolute;inset:0}.hero__ad-logo{width:104px;height:auto;color:var(--ink)}.hero__ad-headline{color:var(--ink);font-family:var(--font-display);letter-spacing:-.045em;flex-direction:column;font-size:3.5rem;font-weight:800;line-height:.9;display:flex}.letter{background:var(--white);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.letter__headline{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);text-align:center;align-items:baseline;gap:.28em;font-size:5rem;font-weight:700;line-height:1;display:flex}.letter__from,.letter__rest{display:block}.letter__you{font-style:italic}.letter__art{width:42%;max-width:560px;height:auto}.transition{background:#000;width:100%;height:100vh;position:relative;overflow:hidden}.transition__ticker{z-index:1;will-change:filter;gap:1.5vw;padding:0 1.5vw;display:flex;position:absolute;inset:0}.transition__col{will-change:transform;flex-direction:column;flex:1;gap:1.5vw;height:300vh;margin-top:-40vh;display:flex;position:relative}.transition__col img{object-fit:cover;filter:grayscale()contrast(1.05);flex:1;width:100%;min-height:0}.transition__founder-wrap{z-index:3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.transition__founder{object-fit:cover;filter:grayscale();border-radius:var(--radius-card);will-change:transform, border-radius;width:46%;max-width:760px;height:70vh}.transition__stage{z-index:4;will-change:transform, border-radius;position:absolute;inset:0;overflow:hidden}.transition__frame{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.transition__grain{z-index:1;mix-blend-mode:overlay;opacity:0;pointer-events:none;background-image:url(/grain-texture.webp);background-size:cover;position:absolute;inset:0}.transition__inner-shadow{z-index:2;pointer-events:none;border-radius:65px;position:absolute;inset:0;box-shadow:inset 65px 0 70px -26px #000000d9,inset 0 0 90px 2px #0000008c}.transition__about{z-index:2;width:36%;color:var(--white);flex-direction:column;justify-content:center;display:flex;position:absolute;top:0;bottom:0;right:7%}.transition__about-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:1.75rem;font-size:4rem;font-weight:700}.transition__about-copy{font-family:var(--font-body);color:#ffffffd1;margin-bottom:1.25rem;font-size:1.0625rem;font-style:italic;line-height:1.6}.transition__catalog{z-index:2;opacity:0;visibility:hidden;font-family:var(--font-body);color:var(--white);cursor:pointer;background:0 0;border:none;align-items:center;gap:0;padding:0;font-size:1.125rem;font-weight:500;transition:gap .28s;display:inline-flex;position:absolute;bottom:6vh;right:7%}.transition__catalog:hover{gap:.45rem}.transition__catalog-arrow{opacity:0;transition:opacity .28s,transform .28s;display:inline-block;transform:translate(-6px)}.transition__catalog:hover .transition__catalog-arrow{opacity:1;transform:translate(0)}.transition__cat-title{z-index:5;font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:5rem;font-weight:700;position:absolute;top:7vh;left:5%}.transition__categories{z-index:5;opacity:0;flex-direction:column;gap:.55rem;list-style:none;display:flex;position:absolute;top:28vh;left:5%}.transition__cat-item{font-family:var(--font-body);color:#1e1e1e66;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:1.0625rem;transition:color .25s}.transition__cat-item:hover{color:#1e1e1eb8}.transition__cat-item--active,.transition__cat-item--active:hover{color:var(--ink);font-weight:600}.transition__shop{z-index:5;opacity:0;font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);cursor:pointer;background:0 0;border:none;align-items:center;gap:0;padding:0;font-size:2rem;font-weight:700;transition:gap .28s;display:inline-flex;position:absolute;bottom:8vh;left:5%}.transition__shop:hover{gap:.5rem}.transition__shop-arrow{opacity:0;transition:opacity .28s,transform .28s;display:inline-block;transform:translate(-8px)}.transition__shop:hover .transition__shop-arrow{opacity:1;transform:translate(0)}.transition__tiles{z-index:6;opacity:0;flex-wrap:wrap;place-content:center;gap:1.3vw;display:flex;position:absolute;inset:17vh 5vw 17vh 37vw}.transition__tile{cursor:pointer;text-align:left;border-radius:22px;flex-direction:column;flex:0 0 16vw;padding:.7vw;transition:filter .3s,box-shadow .3s;display:flex}.transition__tiles .transition__tile.frost{background:#ffffff29}.transition__tile-img{aspect-ratio:16/10;background-position:50%;background-size:cover;border-radius:14px;width:100%}.transition__tile-info{flex-direction:column;padding:.65rem .35rem .2rem;display:flex}.transition__tile-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.transition__tile-cat{font-family:var(--font-body);color:#ffffff8c;margin-top:.1rem;font-size:.72rem}.transition__tile-foot{justify-content:space-between;align-items:center;margin-top:.7rem;display:flex}.transition__tile-price{font-family:var(--font-body);color:var(--white);font-size:.95rem;font-style:italic}.transition__tile-link{opacity:.8;flex-shrink:0}.transition__tiles:hover .transition__tile{filter:brightness(.45)}.transition__tiles:hover .transition__tile:hover{filter:brightness();box-shadow:0 18px 44px #00000080}.shop{background:var(--white);width:100%;height:100vh;position:relative;overflow:hidden}.shop__collage{will-change:transform;position:absolute;inset:0}.shop__portrait{z-index:2;will-change:transform, opacity, filter;width:auto;height:88vh;position:absolute;top:6vh;left:35vw}.shop__square{z-index:3;will-change:transform, opacity, filter;height:auto;position:absolute}.shop__square--1{z-index:1;width:16vw;top:7vh;left:35vw}.shop__square--2{width:10vw;top:23vh;left:56vw}.shop__square--3{width:13vw;top:45vh;left:38vw}.shop__square--4{z-index:1;width:12vw;top:55vh;left:56vw}.shop__divider{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.shop__divider-path{fill:none;stroke:#000;stroke-linecap:butt}.shop__divider-text{fill:var(--white);font-family:var(--font-display);letter-spacing:-.01em;dominant-baseline:central;font-size:46px;font-weight:800}.shop__right{z-index:5;position:absolute;inset:0 0 0 50vw}.shop__right-heading{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);will-change:transform, opacity;font-size:clamp(80px,8.5vw,130px);font-weight:900;line-height:.95;position:absolute;top:7vh;left:6vw}.shop__right-para{font-family:var(--font-body);text-align:right;color:#777;will-change:transform, opacity;max-width:190px;font-size:12px;line-height:1.6;position:absolute;top:11vh;right:4vw}.shop__right-buttons{flex-direction:column;align-items:center;gap:22px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.shop__btn{background:var(--white);border:2px solid var(--ink);width:500px;height:100px;color:var(--ink);cursor:pointer;will-change:transform, opacity;border-radius:25px;align-items:center;padding:0 20px;text-decoration:none;transition:background .22s,box-shadow .22s;display:flex}.shop__btn:hover{background:#f5f5f5;box-shadow:0 6px 24px #00000017}.shop__btn-logo{object-fit:contain;pointer-events:none;width:auto}.shop__btn--tokopedia .shop__btn-logo{height:70px}.shop__btn--shopee .shop__btn-logo{height:58px}.shop__btn-ext{opacity:.65;flex-shrink:0;margin-left:auto}.shop__right-footer{will-change:transform, opacity;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:7vh;left:6vw;right:4vw}.shop__right-tagline{font-family:var(--font-body);color:var(--ink);font-size:13px}.shop__right-mark{filter:brightness(0);width:auto;height:45px}.news{background:var(--ink);--news-banner:90px;width:100%;height:100vh;position:relative;overflow:hidden}.news__bg{z-index:0;filter:grayscale()blur();will-change:filter;background:url(/About%20-%20Transition%204.jpg) 50%/cover no-repeat;position:absolute;inset:0}.news__white{z-index:1;background:var(--white);position:absolute;inset:0}.news__svg{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.news__snake{fill:none;stroke:#000;stroke-linecap:butt;stroke-linejoin:round}.news__snake-text{fill:var(--white);font-family:var(--font-display);letter-spacing:-.01em;dominant-baseline:central;font-size:46px;font-weight:800}.news__band{height:var(--news-banner);z-index:2;will-change:clip-path;background:#000;align-items:center;display:flex;position:absolute;overflow:hidden}.news__band--tr{width:100vw;top:0;right:0}.news__band--bottom{width:100vw;bottom:0;left:0}.news__marquee{white-space:nowrap;will-change:transform;flex-shrink:0;display:flex}.news__marquee span{font-family:var(--font-display);letter-spacing:-.01em;color:var(--white);flex-shrink:0;padding:0 22px;font-size:46px;font-weight:800;line-height:1}.news__card{z-index:3;justify-content:space-between;align-items:center;gap:56px;width:min(89vw,1080px);padding:160px 56px;display:flex;position:absolute;top:23%;left:50%;transform:translate(-50%,-50%)}.news__card.frost{-webkit-backdrop-filter:blur(26px)saturate(120%);background:#1212146b;border:1px solid #ffffff24;border-radius:28px}.news__card-left{flex:0 46%}.news__rule{background:var(--white);width:70px;height:2px;margin-bottom:26px}.news__heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--white);margin:0;font-size:clamp(45px,3vw,42px);font-weight:800;line-height:1.5}.news__heading i{font-style:italic}.news__sub{font-family:var(--font-body);color:#ffffff9e;max-width:300px;margin:16px 0 0;font-size:14px;line-height:1.55}.news__card-right{flex:0 40%}.news__label{font-family:var(--font-body);color:#ffffffb8;margin-bottom:10px;font-size:13px;display:block}.news__input{background:var(--white);width:100%;height:48px;font-family:var(--font-body);color:var(--ink);border:none;border-radius:6px;outline:none;padding:0 16px;font-size:15px}.news__submit{height:46px;color:var(--white);font-family:var(--font-display);cursor:pointer;background:#000;border:none;border-radius:6px;margin-top:16px;padding:0 30px;font-size:15px;font-weight:700;transition:opacity .2s}.news__submit:hover{opacity:.85}.footer{background:var(--ink);color:var(--white);--rail:clamp(180px, 23vw, 420px);--hover-line-reach:clamp(108px, 6.5vw, 128px);padding:72px clamp(32px,5vw,96px) 36px;position:relative}.footer__top{grid-template-columns:var(--rail) 1fr auto;align-items:start;column-gap:0;display:grid}.footer__logo{width:clamp(110px,11vw,168px);height:auto;color:var(--white);flex-shrink:0}.footer__nav{flex-direction:column;justify-self:start;align-items:stretch;width:max-content;display:flex}.footer__nav-item{text-align:left;width:100%;font-family:var(--font-display);letter-spacing:-.02em;color:var(--white);cursor:pointer;padding:0 0 12px;font-size:clamp(38px,4.4vw,68px);font-weight:700;line-height:1.04;display:block;position:relative}.footer__nav-item:after{content:"";left:0;right:calc(-1 * var(--hover-line-reach));background:var(--white);transform-origin:0;height:3px;transition:transform .35s;position:absolute;bottom:0;transform:scaleX(0)}.footer__nav-item:hover:after,.footer__nav-item:focus-visible:after{transform:scaleX(1)}.footer__nav-arrow{top:.35em;right:calc(-1 * var(--hover-line-reach));opacity:0;transition:opacity .25s;display:inline-flex;position:absolute}.footer__nav-item:hover .footer__nav-arrow,.footer__nav-item:focus-visible .footer__nav-arrow{opacity:1}.footer__brand{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.footer__blurb{max-width:200px;font-family:var(--font-body);color:#ffffff80;font-size:13px;line-height:1.5}.footer__ig{font-family:var(--font-display);color:var(--white);align-items:center;gap:9px;margin-top:40px;font-size:14px;font-weight:600;transition:opacity .2s;display:inline-flex}.footer__ig:hover{opacity:.7}.footer__bottom{grid-template-columns:var(--rail) 1fr;font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#ffffffd1;align-items:center;margin-top:96px;font-size:12px;display:grid}.footer__legal-group{justify-content:space-between;align-items:center;gap:24px;display:flex}.footer__legal{transition:color .2s}.footer__legal:hover{color:var(--white)}.footer__copyright{color:#ffffffd1}.footer__modal{z-index:1000;-webkit-backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.footer__modal-card{background:var(--ink);border-radius:var(--radius-card);width:min(92vw,520px);color:var(--white);border:1px solid #ffffff24;padding:48px 40px;position:relative}.footer__modal-close{color:var(--white);opacity:.7;font-size:28px;line-height:1;transition:opacity .2s;position:absolute;top:16px;right:20px}.footer__modal-close:hover{opacity:1}.footer__modal-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:32px;font-weight:800}.footer__modal-todo{font-family:var(--font-body);color:#ffffff8c;margin-top:12px;font-size:14px}