.template-d{--warna-pink:#ff3366;--warna-cobalt:#2d6af5;--warna-yellow:#f5c842;--warna-mint:#00c896;--warna-ink:#111111;--warna-muted:#888888;--warna-surface:#ffffff;--warna-off:#f8f8f8;font-family:Inter,sans-serif;background:var(--warna-surface);color:var(--warna-ink)}.template-d .warna-nav{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--warna-surface);border-bottom:2.5px solid var(--warna-ink);height:64px;display:flex;align-items:center}.template-d .warna-nav__inner{max-width:1280px;margin:0 auto;padding:0 1.5rem;width:100%;display:flex;align-items:center;justify-content:space-between}.template-d .warna-wordmark{font-size:18px;font-weight:900;letter-spacing:2px;color:var(--warna-ink);text-decoration:none;text-transform:uppercase}.template-d .warna-wordmark span{color:var(--warna-pink)}.template-d .warna-nav__links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.template-d .warna-nav__links a{font-size:12px;font-weight:400;letter-spacing:2px;color:var(--warna-muted);text-decoration:none;text-transform:uppercase;transition:color .15s}.template-d .warna-nav__links a.active,.template-d .warna-nav__links a:hover{color:var(--warna-ink)}.template-d .warna-bag-btn{background:var(--warna-pink);color:#fff;font-size:11px;font-weight:700;letter-spacing:2px;padding:.4rem 1rem;text-decoration:none;text-transform:uppercase;transition:opacity .15s}.template-d .warna-bag-btn:hover{opacity:.85}.template-d .warna-marquee{background:var(--warna-ink);color:#fff;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:.5rem 0;overflow:hidden;white-space:nowrap;margin-top:64px}.template-d .warna-marquee__track{display:inline-block;animation:warna-scroll 20s linear infinite}@keyframes warna-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.template-d .warna-section{padding:5rem 0}.template-d .warna-section__inner{max-width:1280px;margin:0 auto;padding:0 1.5rem}.template-d .warna-label{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--warna-muted);display:block;margin-bottom:1rem}.template-d .warna-quadrant{display:grid;grid-template-columns:3fr 2fr;grid-template-rows:1fr 1fr;min-height:70vh}.template-d .warna-quadrant__cell{padding:2.5rem 2rem;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:filter .2s}.template-d .warna-quadrant__cell:hover{filter:brightness(.93)}.template-d .warna-quadrant__cell--hero{grid-row:span 2;padding:3rem 2.5rem}.template-d .warna-quadrant__cell--pink{background:var(--warna-pink)}.template-d .warna-quadrant__cell--cobalt{background:var(--warna-cobalt)}.template-d .warna-quadrant__cell--yellow{background:var(--warna-yellow)}.template-d .warna-quadrant__cell--mint{background:var(--warna-mint)}.template-d .warna-quadrant__eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.template-d .warna-quadrant__headline{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:.85;text-transform:uppercase;letter-spacing:-2px;color:#fff;margin:0}.template-d .warna-quadrant__cat-title{font-size:clamp(1.25rem,3vw,2rem);font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:-.5px;margin:0}.template-d .warna-quadrant__count{font-size:12px;letter-spacing:1px;margin-top:.35rem}.template-d .warna-quadrant__cell--yellow .warna-quadrant__cat-title,.template-d .warna-quadrant__cell--yellow .warna-quadrant__count{color:var(--warna-ink)}.template-d .warna-quadrant__cell--yellow .warna-quadrant__eyebrow{color:rgba(0,0,0,.45)}.template-d .warna-quadrant__cell--cobalt .warna-quadrant__cat-title,.template-d .warna-quadrant__cell--mint .warna-quadrant__cat-title,.template-d .warna-quadrant__cell--pink .warna-quadrant__cat-title{color:#fff}.template-d .warna-quadrant__cell--cobalt .warna-quadrant__count,.template-d .warna-quadrant__cell--cobalt .warna-quadrant__eyebrow,.template-d .warna-quadrant__cell--mint .warna-quadrant__count,.template-d .warna-quadrant__cell--mint .warna-quadrant__eyebrow,.template-d .warna-quadrant__cell--pink .warna-quadrant__count,.template-d .warna-quadrant__cell--pink .warna-quadrant__eyebrow{color:rgba(255,255,255,.6)}.template-d .warna-btn{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;padding:.6rem 1.25rem;transition:opacity .15s,transform .15s;cursor:pointer;border:none}.template-d .warna-btn:hover{opacity:.85;transform:translateY(-1px)}.template-d .warna-btn--pink{background:var(--warna-pink);color:#fff}.template-d .warna-btn--white{background:#fff;color:var(--warna-ink)}.template-d .warna-btn--pink-on-white{background:#fff;color:var(--warna-pink)}.template-d .warna-btn--outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}.template-d .warna-btn--outline-dark{background:transparent;color:var(--warna-ink);border:1.5px solid var(--warna-ink)}.template-d .warna-product-card{text-decoration:none;color:var(--warna-ink);display:block}.template-d .warna-product-card__swatch{aspect-ratio:3/4;width:100%;display:block;object-fit:cover;transition:box-shadow .2s,transform .2s}.template-d .warna-product-card:hover .warna-product-card__swatch{box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-2px)}.template-d .warna-product-card__meta{padding:.6rem 0 0}.template-d .warna-product-card__name{font-size:15px;font-weight:600;color:var(--warna-ink);margin:0 0 .2rem}.template-d .warna-product-card__price{font-size:14px;font-weight:400;color:var(--warna-muted);margin:0}.template-d .warna-filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.template-d .warna-filter-tab{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:.45rem 1rem;border:1.5px solid #ddd;background:transparent;color:var(--warna-muted);cursor:pointer;transition:all .15s}.template-d .warna-filter-tab:hover{border-color:var(--warna-ink);color:var(--warna-ink)}.template-d .warna-filter-tab--active{background:var(--warna-ink);border-color:var(--warna-ink);color:#fff}.template-d .warna-colour-dots{display:flex;gap:.5rem;align-items:center}.template-d .warna-colour-dot{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .15s;padding:0;outline:none}.template-d .warna-colour-dot:hover{transform:scale(1.15)}.template-d .warna-colour-dot--active{border-color:var(--warna-ink)}.template-d .warna-colour-band{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;height:8px}.template-d .warna-editorial-grid{display:grid;grid-template-columns:3fr 2fr;grid-template-rows:1fr 1fr;gap:4px;min-height:60vh}.template-d .warna-editorial-grid__main{grid-row:span 2;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem}.template-d .warna-editorial-grid__cell{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;min-height:180px}.template-d .warna-editorial-grid__look-num{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:.35rem}.template-d .warna-editorial-grid__look-title{font-size:15px;font-weight:700;color:#fff;line-height:1.3;margin:0}.template-d .warna-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.template-d .warna-value-card{background:var(--warna-surface);padding:2rem 1.5rem;border-top:4px solid transparent}.template-d .warna-value-card__title{font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--warna-ink);margin:0 0 .6rem;line-height:1.3}.template-d .warna-value-card__body{font-size:14px;font-weight:400;color:var(--warna-muted);line-height:1.7;margin:0}.template-d .warna-footer{background:var(--warna-ink);color:rgba(255,255,255,.5)}.template-d .warna-footer__inner{max-width:1280px;margin:0 auto;padding:3rem 1.5rem 2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap}.template-d .warna-footer__brand{font-size:18px;font-weight:900;letter-spacing:2px;color:#fff;text-decoration:none}.template-d .warna-footer__brand span{color:var(--warna-pink)}.template-d .warna-footer__tagline{font-size:12px;color:rgba(255,255,255,.3);margin-top:.35rem}.template-d .warna-footer__links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}.template-d .warna-footer__links a{font-size:12px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.4);text-decoration:none;transition:color .15s}.template-d .warna-footer__links a:hover{color:#fff}.template-d .warna-footer__copy{text-align:center;font-size:11px;color:rgba(255,255,255,.2);padding:1.5rem 1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.template-d .warna-quote-strip{background:var(--warna-ink);padding:2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.template-d .warna-quote-strip__text{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:900;color:#fff;letter-spacing:-.3px;margin:0}.template-d .warna-quote-strip__text span{color:var(--warna-pink)}.template-d .warna-quote-strip__sub{font-size:11px;letter-spacing:2px;color:rgba(255,255,255,.3);text-transform:uppercase;margin:0}.template-d .warna-shop-hero{background:var(--warna-pink);padding:3rem 0}.template-d .warna-shop-hero__headline{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:-1px;line-height:.9;margin:0}.template-d .warna-shop-hero__tag{font-size:12px;color:rgba(255,255,255,.65);letter-spacing:2px;text-transform:uppercase;margin-top:.75rem}.template-d .warna-lookbook-hero{background:var(--warna-ink);padding:5rem 0 3rem}.template-d .warna-lookbook-hero__eyebrow{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.3);display:block;margin-bottom:1.25rem}.template-d .warna-lookbook-hero__headline{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:.85;text-transform:uppercase;letter-spacing:-2px;color:#fff;margin:0 0 1.5rem}.template-d .warna-lookbook-hero__headline--accent{color:var(--warna-pink)}.template-d .warna-lookbook-hero__body{font-size:15px;color:rgba(255,255,255,.4);line-height:1.7;max-width:440px;margin:0}.template-d .warna-about-hero{background:var(--warna-yellow);padding:5rem 0}.template-d .warna-about-hero__headline{font-size:clamp(2rem,5vw,4rem);font-weight:900;text-transform:uppercase;letter-spacing:-1.5px;line-height:.9;color:var(--warna-ink);margin:0 0 1.5rem}.template-d .warna-about-hero__body{font-size:16px;color:rgba(0,0,0,.6);line-height:1.7;max-width:560px;margin:0}.template-d .warna-founder{display:flex;gap:1.5rem;align-items:flex-start}.template-d .warna-founder__avatar{width:56px;height:56px;border-radius:50%;background:var(--warna-pink);flex-shrink:0}.template-d .warna-founder__name{font-size:14px;font-weight:700;color:var(--warna-ink);margin:0 0 .4rem}.template-d .warna-founder__quote{font-size:15px;color:var(--warna-muted);line-height:1.7;margin:0;font-style:italic}@media (max-width:768px){.template-d .warna-quadrant{grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);min-height:unset}.template-d .warna-quadrant__cell--hero{grid-column:span 2;grid-row:span 1;min-height:45vw}.template-d .warna-quadrant__cell{min-height:35vw}.template-d .warna-editorial-grid{grid-template-columns:1fr;grid-template-rows:auto}.template-d .warna-editorial-grid__main{grid-row:span 1;min-height:50vw}.template-d .warna-values-grid{grid-template-columns:1fr}.template-d .warna-nav__links{display:none}.template-d .warna-footer__inner{flex-direction:column;gap:1.5rem}}@media (max-width:640px){.template-d .warna-quadrant__cell--hero{grid-column:1/-1}}