@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,500&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f7f6f2;color:#26362d;font-family:'Be Vietnam Pro',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #dd8257;outline-offset:5px}[hidden]{display:none!important}header,main,footer{max-width:1280px;margin:auto}header{padding:28px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #24352c22}.logo{font-size:33px;letter-spacing:-2px;font-weight:800}.logo span{color:#c77850;margin-left:3px;font-size:30px}.collection{font-size:9px;letter-spacing:2px;color:#7d837b}.nav-link{font-size:10px;border-bottom:1px solid #26362d;padding-bottom:5px}main{padding:0 40px}.hero{position:relative;padding:65px 0 44px;overflow:hidden}.eyebrow{font-size:9px;letter-spacing:1.7px;display:flex;align-items:center;gap:9px;font-weight:500}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#b98758}h1{font-size:62px;line-height:1.15;letter-spacing:-3px;font-weight:500;margin:25px 0 30px;position:relative;z-index:1}h1 em{font-family:'Playfair Display',serif;font-weight:500;color:#9b573c}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:1}.hero p{font-size:12px;color:#798075;line-height:1.9;margin:0}.palette{display:flex;align-items:center}.palette i{width:29px;height:29px;border-radius:50%;border:3px solid #f7f6f2;margin-left:-9px;background:#61735f}.palette i:nth-child(2){background:#a0112c}.palette i:nth-child(3){background:#b84736}.palette i:nth-child(4){background:#254b9a}.palette i:nth-child(5){background:#ee953a}.palette>span{font-size:26px;margin-left:14px;line-height:1}.palette small{font-size:6px;letter-spacing:1.1px}.hero-star{position:absolute;right:43px;top:31px;font-size:230px;line-height:1;color:#e5e4da;transform:rotate(-10deg);font-weight:400}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 0;border-top:1px solid #26362d22}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:transparent;border-radius:30px;padding:10px 14px;font-size:10px;color:#6f796e}.filters button:hover{background:#eeeee7}.filters button[aria-pressed=true]{background:#263c2f;color:#fff}.filters small{font-size:7px;margin-left:6px;opacity:.65}#count{font-size:9px;color:#899184;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 22px}.card{background:#fffefa;border:1px solid #25382b16;border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s;display:block}.card:hover{transform:translateY(-5px);box-shadow:0 15px 28px #21322410}.preview{height:285px;position:relative;overflow:hidden;background:#edece3;padding:0}.preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}.card:hover img{transform:scale(1.035)}.preview.food img{object-position:top;object-fit:cover}.number{position:absolute;left:14px;top:14px;border-radius:30px;background:#fffdf1ee;color:#223528;padding:6px 10px;font-size:9px;box-shadow:0 2px 7px #0001}.open{position:absolute;left:50%;bottom:16px;transform:translate(-50%,5px);opacity:0;background:#fffefaee;color:#26362d;font-size:10px;white-space:nowrap;padding:11px 17px;border-radius:30px;transition:opacity .2s,transform .2s;box-shadow:0 4px 20px #0002}.card:hover .open,.card:focus-visible .open{opacity:1;transform:translate(-50%,0)}.info{padding:21px}.meta{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1px;color:#8c9285}.meta>span:last-child{letter-spacing:0;display:flex;align-items:center;gap:5px}.dot{width:5px;height:5px;border-radius:50%;background:#56775e}.dot.red{background:#b14636}.dot.blue{background:#3f63ac}.dot.orange{background:#e98c35}h2{font-size:22px;font-weight:500;letter-spacing:-.7px;margin:14px 0 10px}.info h2{display:flex;justify-content:space-between}.info h2>span{font-size:20px;color:#b0b6a7}.info p{font-size:10px;line-height:1.9;color:#7d8477;min-height:38px;margin:0 0 18px}.action{padding-top:14px;border-top:1px solid #26362d15;display:flex;justify-content:space-between;font-size:10px;font-weight:500}.note{border-radius:12px;background:#eaece1;padding:30px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.note-star{font-size:74px;color:#819475;line-height:1;margin-bottom:30px}.note .eyebrow{font-size:7px;letter-spacing:1px}.note h2{font-size:28px;line-height:1.4;margin:20px 0;font-weight:500;letter-spacing:-1px}.note p{font-size:10px;color:#77826b;line-height:1.9}.note-foot{font-size:8px;line-height:1.8;color:#8c947d;border-top:1px solid #63715226;margin-top:22px;padding-top:15px}footer{padding:35px 40px;margin-top:50px;border-top:1px solid #26362d22;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .logo{font-size:27px}footer .logo span{font-size:24px}footer p{font-size:9px;color:#7b8575}footer>span:last-child{font-size:8px;color:#8e9787}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.preview{height:320px}.hero-star{font-size:185px;top:60px;right:0}h1{font-size:55px}}@media(max-width:600px){header{padding:22px}.collection{display:none}.nav-link{font-size:9px}main{padding:0 22px}.hero{padding:40px 0 30px}.eyebrow{font-size:7px;letter-spacing:1.1px}h1{font-size:44px;letter-spacing:-2px;margin:23px 0}.hero-star{font-size:125px;top:80px;right:-28px;opacity:.7}.hero-bottom{align-items:start;flex-direction:column;gap:20px}.hero p{font-size:10px}.palette i{width:23px;height:23px}.palette{padding-left:7px}.palette>span{font-size:21px}.toolbar{align-items:start;flex-direction:column;gap:13px;padding:18px 0}.filters{gap:2px}.filters button{padding:8px 10px;font-size:9px}#count{font-size:8px}.grid{grid-template-columns:1fr;gap:20px}.preview{height:330px}.info{padding:20px}.meta{font-size:8px}.info p{font-size:11px;min-height:0}.note{padding:28px}.note-star{font-size:52px;margin-bottom:20px}.note h2{font-size:25px}footer{margin-top:30px;padding:25px 22px;flex-wrap:wrap;gap:12px}footer p{font-size:8px}footer>span:last-child{width:100%;text-align:center}.open{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.preview img,.open{transition:none}}

.palette{flex-shrink:0}.palette>span{min-width:80px}.palette small{display:block;white-space:nowrap;margin-top:5px}

/* TEMBASE brand sizing */
.logo,.brand{font-size:26px;letter-spacing:-1px;font-weight:800}.logo span,.brand span{font-size:25px}.wheel-center{font-size:11px;letter-spacing:-.3px}.wheel-center span{font-size:6px}@media(max-width:700px){.logo,.brand{font-size:22px}.logo span,.brand span{font-size:22px}.wheel-center{font-size:10px}}
.dot.pink{background:#d183af}.note{grid-column:1/-1}.palette i:nth-child(6){background:#d18caf}