@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--cream:#fcf9f4;--sand:#f2e7d9;--taupe:#d9c7b3;--brown:#654839;--deep:#382a23;--muted:#857368;--line:#e9ded2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--deep);font-family:Tajawal,'Segoe UI',sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.announcement{background:var(--deep);color:#fff7ee;text-align:center;padding:10px;font-size:13px;letter-spacing:.2px}.header{background:rgba(252,249,244,.96);position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:20px}.brand{display:flex;flex-direction:column;align-items:center;color:var(--brown);line-height:1}.brand strong{font-family:Georgia,serif;letter-spacing:6px;font-size:29px}.brand small{font:8px 'DM Sans',sans-serif;letter-spacing:3.1px;margin-top:9px}.nav nav{display:flex;gap:31px;font-size:15px;font-weight:700}.nav nav a:hover,.text-link:hover{color:#ac7d62}.bag{border:1px solid var(--line);background:#fff;border-radius:100px;padding:11px 16px;display:flex;gap:10px;align-items:center}.bag span{background:var(--brown);color:white;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font:12px Arial}.hero{background:linear-gradient(120deg,#f9f4ec,#eee2d2);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 0.88fr;align-items:center;gap:7%;min-height:590px;padding-block:45px}.eyebrow{display:block;color:#a27d64;letter-spacing:3px;font:700 12px 'DM Sans',sans-serif;margin-bottom:22px}.hero h1{font-size:clamp(42px,5vw,77px);line-height:1.19;margin:0 0 25px;font-weight:800}.hero h1 em{font-style:normal;color:#956e54}.hero p{color:#77685d;font-size:19px;line-height:1.9;max-width:550px;margin:0 0 29px}.primary{border:none;display:inline-flex;align-items:center;gap:22px;background:var(--brown);color:white;padding:17px 30px;border-radius:5px;font-weight:800;font-size:16px}.primary:hover{background:var(--deep)}.tiny-note{margin-top:42px;color:#ae9988;font:10px 'DM Sans',sans-serif;letter-spacing:2px}.hero-photo{position:relative;justify-self:center;width:min(100%,420px);height:500px;padding:12px;background:#fefbf6;box-shadow:15px 19px 0 #dac7b4}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 29%}.photo-sticker{position:absolute;right:-34px;bottom:40px;background:#fffaf2;border-radius:50%;width:112px;height:112px;display:grid;place-items:center;transform:rotate(-15deg);font:16px Georgia,serif;color:#7b4b43;box-shadow:0 8px 28px #51403422}.promise{background:#e8d8c7}.promise-grid{min-height:75px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#694e3d;font-weight:700}.section{padding-block:100px}.section-head{display:flex;justify-content:space-between;align-items:end}.section h2,.story h2{font-size:clamp(31px,4vw,45px);margin:0 0 12px}.section-head p,.contact p{color:var(--muted);font-size:18px}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:35px 0}.filter{border:1px solid #dfd0c2;background:transparent;border-radius:100px;padding:11px 24px;color:#6c5546;font-weight:700}.filter.active,.filter:hover{background:var(--brown);color:white}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{border:1px solid var(--line);background:#fffaf5;border-radius:10px;overflow:hidden}.product img{height:315px;width:100%;object-fit:cover;object-position:50% 30%;display:block}.product-body{padding:21px}.product-type{font:11px 'DM Sans',sans-serif;letter-spacing:1.7px;color:#a67e67}.product h3{margin:10px 0;font-size:23px}.product p{margin:0 0 18px;color:var(--muted);line-height:1.6}.product-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.price{font-weight:800;color:var(--brown)}.small-btn{background:var(--sand);border:none;border-radius:5px;padding:11px 17px;color:var(--deep);font-weight:800}.empty{grid-column:1/-1;text-align:center;padding:60px;border:1px dashed var(--taupe);color:var(--muted)}.disclaimer{color:#8f7d70;font-size:13px;margin-top:25px}.story{background:#e8d9c7;padding:75px 0}.story-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:100px;align-items:center}.story-symbol{border:1px solid #c7ad92;min-height:300px;display:flex;justify-content:center;align-items:center;font:190px Georgia,serif;color:#a58367;position:relative}.story-symbol span{font-size:55px;position:absolute;right:23%;top:8%}.story p{font-size:19px;color:#6d5746;line-height:1.9}.text-link{font-weight:800;color:var(--brown)}.contact{text-align:center}.contact p{max-width:620px;margin:15px auto 25px;line-height:1.8}footer{background:var(--deep);color:#e5d3c5}.footer-inner{min-height:125px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-inner div{display:flex;flex-direction:column;gap:8px}.footer-inner strong{font:29px Georgia,serif;letter-spacing:5px}.footer-inner small{font:9px 'DM Sans',sans-serif;letter-spacing:2px}dialog{border:none;border-radius:13px;width:min(500px,calc(100% - 32px));padding:28px;box-shadow:0 20px 100px #0004;color:var(--deep)}dialog::backdrop{background:#21170fc2}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{border:0;background:none;font-size:24px}.cart-line{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.cart-help{font-size:13px;color:var(--muted);line-height:1.7}.toast{position:fixed;left:20px;bottom:20px;background:var(--deep);color:white;padding:14px 18px;border-radius:8px;max-width:330px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s;z-index:9}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:800px){.nav{min-height:72px}.nav nav{display:none}.hero-grid{grid-template-columns:1fr;gap:30px;padding-block:60px}.hero-photo{height:430px;width:min(340px,90%);justify-self:center}.promise-grid{flex-wrap:wrap;justify-content:center;padding:19px 0;gap:15px 25px}.products{grid-template-columns:repeat(2,1fr)}.story-grid{grid-template-columns:1fr;gap:28px}.story-symbol{min-height:180px;font-size:115px}.section{padding-block:65px}}@media(max-width:520px){.products{grid-template-columns:1fr}.nav .brand strong{font-size:25px}.hero h1{font-size:42px}.hero p{font-size:17px}.hero-photo{height:375px}.photo-sticker{right:-15px;width:86px;height:86px;font-size:13px}.footer-inner{flex-direction:column;justify-content:center;text-align:center;padding:25px 0}.filter{padding:9px 16px}.product img{height:340px}}

/* UNTOLD official visual identity */
.brand-logo{width:160px;height:65px;object-fit:contain;display:block;border-radius:3px}.brand{background:#120e0d;border-radius:3px;overflow:hidden}.nav{min-height:82px}.logo-banner{background:#130e0b;text-align:center;padding:14px 0}.logo-banner img{display:block;width:min(780px,96%);max-height:230px;object-fit:contain;margin:auto}.hero{background:linear-gradient(110deg,#f9f3eb,#e5d4c3)}.primary,.filter.active,.filter:hover{background:#604535}.brand:hover{opacity:.91}@media(max-width:520px){.brand-logo{width:123px;height:53px}.logo-banner img{max-height:140px}}