:root{color-scheme:light;--green:#3b291f;--green2:#654735;--gold:#b58d56;--cream:#f5efe5;--ink:#302820;--muted:#766f67;--line:#e4d9c8;--surface:#fffdf8;--page:#f6f1e9;--text:#302820}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.site{background:var(--page);min-height:100vh}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:13px}.brand img{width:57px;height:57px;object-fit:cover;border-radius:50%;border:1px solid #caa45a}.brand strong{font-family:Georgia,serif;font-size:25px;letter-spacing:.4px;color:var(--green)}.brand small{display:block;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#9a7b3e;margin-top:3px}.links{display:flex;gap:28px;align-items:center;font-size:15px;font-weight:700;color:var(--muted)}.links a:hover{color:var(--gold)}.navcta,.btn{background:var(--green);color:#fffdf8;padding:13px 20px;border-radius:2px;font-size:12px;font-weight:700;letter-spacing:.4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--green);cursor:pointer}.navcta:hover,.btn:hover{background:var(--gold);border-color:var(--gold);color:#050505}.hero{padding:74px 6.5% 78px;display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;background:radial-gradient(ellipse at 80% 40%,#d9c89c55,transparent 40%),var(--page)}.eyebrow{color:#9c7b3b;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';height:1px;width:27px;background:var(--gold)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(44px,5vw,72px);line-height:1.04;letter-spacing:-1.8px;margin:22px 0 20px;max-width:650px}h1 em{font-weight:400;color:#a98236}.hero p{font-size:16px;line-height:1.8;color:var(--muted);max-width:490px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.btn.secondary{background:transparent;color:var(--green);border-color:#c9b98f}.micro{display:flex;gap:20px;flex-wrap:wrap;margin-top:34px;color:var(--muted);font-size:11px;letter-spacing:.4px}.micro span:before{content:'✦';color:var(--gold);margin-right:7px}.hero-art{min-height:420px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #806b3d;background:linear-gradient(135deg,#191919,#090909 48%,#252018);padding:30px}.hero-art:before{content:'';position:absolute;width:320px;height:320px;border:1px solid #bda36b;border-radius:50%;opacity:.7}.hero-art:after{content:'URJAPUNJ  •  PACKAGING WITH PURPOSE';position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:4px;color:#79633b}.boxscene{position:relative;width:100%;height:340px;max-width:430px}.gift{position:absolute;box-shadow:0 25px 25px #24332630}.gift.main{width:210px;height:155px;left:27%;top:26%;background:linear-gradient(145deg,#174e38,#062b1f);transform:rotate(-7deg);border:1px solid #c9a354}.gift.main:before{content:'U';position:absolute;inset:12px;border:1px solid #d7b765;color:#d8b861;display:grid;place-items:center;font:72px Georgia,serif}.gift.main:after{content:'';position:absolute;top:0;bottom:0;left:48%;width:10px;background:linear-gradient(90deg,#9b7631,#f0d48a,#b48b39)}.gift.lid{width:225px;height:30px;left:25%;top:21%;background:linear-gradient(#1b6347,#0c3d2b);transform:rotate(-7deg);border:1px solid #c9a354}.bag{position:absolute;width:125px;height:160px;right:2%;top:31%;background:linear-gradient(120deg,#f7f1df,#ded1b0);border:1px solid #b49a5e;transform:rotate(8deg);box-shadow:0 20px 25px #24332622}.bag:before{content:'';position:absolute;left:35px;top:-20px;width:50px;height:34px;border:4px solid #b3924a;border-bottom:0;border-radius:28px 28px 0 0}.bag:after{content:'U';position:absolute;inset:35px 0;color:#94702f;font:44px Georgia,serif;text-align:center}.smallbox{position:absolute;width:115px;height:88px;left:5%;bottom:11%;background:linear-gradient(145deg,#bda16b,#e8d8ad);transform:rotate(9deg);border:1px solid #9e7c3a;box-shadow:0 18px 20px #24332622}.smallbox:after{content:'U';position:absolute;inset:10px;border:1px solid #967336;color:#967336;font:40px Georgia,serif;display:grid;place-items:center}.section{padding:78px 6.5%}.sectionhead{text-align:center;max-width:700px;margin:0 auto 42px}.sectionhead h2{font-size:clamp(34px,4vw,48px);margin:13px 0}.sectionhead p{color:var(--muted);line-height:1.7;font-size:14px}.products-marquee{overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.products{display:flex;gap:18px;width:max-content;animation:product-marquee 42s linear infinite}.products-marquee:hover .products,.products-marquee:focus-within .products{animation-play-state:paused}.products>.product{flex:0 0 clamp(280px,31vw,370px)}@keyframes product-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}@media(prefers-reduced-motion:reduce){.products{animation:none}.products>.product[aria-hidden="true"]{display:none}.products-marquee{overflow-x:auto;mask-image:none}}.product{background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-4px);box-shadow:0 16px 35px #173b2a15}.productvisual{height:210px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#202020,#101010)}.productvisual.green{background:linear-gradient(135deg,#1a1d1a,#101010)}.productvisual.cream{background:linear-gradient(135deg,#24211b,#111111)}.mock{position:relative;filter:drop-shadow(0 15px 9px #0002)}.mock.paperbag{width:115px;height:125px;background:#f8f2df;border:1px solid #c9b57e;transform:rotate(-4deg)}.mock.paperbag:before{content:'';position:absolute;left:30px;top:-20px;width:50px;height:30px;border:4px solid #a88b4c;border-bottom:0;border-radius:20px 20px 0 0}.mock.paperbag:after{content:'U';position:absolute;inset:32px 0;color:#9a7738;text-align:center;font:36px Georgia}.mock.giftbox{width:145px;height:105px;background:linear-gradient(145deg,#15513a,#073523);border:1px solid #c9a45c;transform:rotate(5deg)}.mock.giftbox:before{content:'';position:absolute;inset:8px;border:1px solid #d2b76e}.mock.giftbox:after{content:'U';position:absolute;inset:18px;color:#d7b969;text-align:center;font:48px Georgia}.mock.wood{width:145px;height:95px;background:linear-gradient(145deg,#bd8d50,#e2bd80);border:5px solid #a87940}.mock.wood:after{content:'URJAPUNJ';position:absolute;inset:32px 0;color:#684b27;text-align:center;font:12px Georgia;letter-spacing:2px}.mock.canvas{width:125px;height:140px;background:#d9c9a3;border:1px solid #aa9468;clip-path:polygon(12% 12%,35% 12%,42% 0,66% 0,73% 12%,88% 12%,100% 100%,0 100%)}.mock.canvas:after{content:'U';position:absolute;inset:43px 0;color:#174a35;text-align:center;font:42px Georgia}.mock.cards{width:150px;height:100px;background:#fdfbf4;border:1px solid #c9b98f;transform:rotate(-8deg)}.mock.cards:after{content:'URJAPUNJ';position:absolute;inset:40px 0;color:#174a35;text-align:center;font:11px Georgia;letter-spacing:2px}.mock.postcard{width:150px;height:100px;background:#e3d4b3;border:1px solid #b59a61;transform:rotate(6deg)}.mock.postcard:after{content:'A NOTE\A WORTH KEEPING';white-space:pre;position:absolute;inset:25px 0;color:#5d4a2a;text-align:center;font:13px Georgia;line-height:1.5}.productbody{padding:20px 20px 22px}.productbody h3{font-size:23px;margin:0 0 9px}.productbody p{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 17px}.textlink{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#94702f}.why{background:#000000;color:#fff8e9}.why .sectionhead p{color:#d3dfd5}.why .eyebrow{justify-content:center;color:#e0c27c}.whygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.whyitem{padding:24px 18px;border-top:1px solid #ffffff44}.whyitem .num{font:italic 30px Georgia;color:#d7b968}.whyitem h3{font-size:24px;margin:12px 0}.whyitem p{font-size:13px;line-height:1.8;color:#d3dfd5}.story{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.storyart{min-height:330px;background:linear-gradient(140deg,#0c432f,#072c20);display:grid;place-items:center;position:relative;overflow:hidden}.storyart:before{content:'';position:absolute;width:260px;height:260px;border:1px solid #c9a45c;border-radius:50%}.storyart img{width:230px;max-width:75%;position:relative;border-radius:50%;border:2px solid #c9a45c}.story h2{font-size:42px;line-height:1.12;margin:15px 0}.story p{color:var(--muted);line-height:1.85;font-size:14px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:24px}.benefit{font-size:12px;padding:13px;background:var(--surface);border:1px solid var(--line)}.benefit:before{content:'✦';color:#b18b42;margin-right:8px}.contact{background:#0b0b0b}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}.contact h2{font-size:42px;line-height:1.12;margin:15px 0}.contact p{font-size:14px;color:#c2bbae;line-height:1.8}.address{padding:20px 0;border-top:1px solid #d5c8ac;margin-top:22px;font-size:13px;line-height:1.8;color:#d4cfc4}.form{background:#151515;padding:28px;border:1px solid #dfd4be;display:grid;grid-template-columns:1fr 1fr;gap:15px}.form label{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:#cfc7b8;display:block;margin-bottom:7px}.form input,.form select,.form textarea{width:100%;padding:12px;border:1px solid #ded8ca;background:#202020;color:#f5f0e4;font:13px Arial;border-radius:0}.form textarea{min-height:100px;resize:vertical}.full{grid-column:1/-1}.form button{width:100%;padding:15px}.footer{padding:25px 6.5%;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);background:var(--surface)}.footbrand{font-family:Georgia,serif;color:var(--green);font-size:20px}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:10;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:white;box-shadow:0 8px 25px #0003;border:3px solid white}.whatsapp svg{width:32px;height:32px;display:block}.whatsapp span{position:absolute;right:68px;white-space:nowrap;background:#171717;color:#f5f0e4;padding:10px 13px;font-size:11px;letter-spacing:.3px;box-shadow:0 4px 16px #0002;opacity:0;transition:opacity .2s;pointer-events:none}.whatsapp:hover span{opacity:1}.notice{display:none;background:#e7f2e7;padding:12px;font-size:12px;color:#173d2a;grid-column:1/-1}.notice.show{display:block}@media(max-width:800px){.nav{height:auto;padding:14px 5%;flex-wrap:wrap;gap:12px}.links{gap:13px;font-size:12px;flex-wrap:wrap}.navcta{padding:10px 12px}.hero{grid-template-columns:1fr;padding:48px 5%;gap:25px}.hero-art{min-height:340px}.section{padding:58px 5%}.products{grid-template-columns:repeat(2,1fr)}.story,.contactgrid{grid-template-columns:1fr;gap:28px}.whygrid{grid-template-columns:1fr}.storyart{min-height:280px}}@media(max-width:500px){.brand strong{font-size:21px}.brand img{width:46px;height:46px}.links{width:100%;justify-content:space-between;order:3}.navcta{margin-left:auto}.products{grid-template-columns:1fr}.productvisual{height:220px}.form{grid-template-columns:1fr;padding:20px}.full{grid-column:auto}.footer{flex-direction:column;align-items:flex-start}.hero-art{padding:12px}.boxscene{transform:scale(.86)}h1{font-size:45px}.micro{gap:10px}.contact h2,.story h2{font-size:35px}}



/* Bagdad Brown: espresso, warm cream, and muted gold */
body,.site{background:var(--page);color:var(--text)}
.nav{background:#fffdf8;border-bottom-color:#e5dac9}
.brand strong,.footbrand{color:var(--green)}
.links{color:#6f675f}
.navcta,.btn{background:var(--green);border-color:var(--green);color:#fffaf2}
.navcta:hover,.btn:hover{background:var(--gold);border-color:var(--gold);color:#281b13}
.btn.secondary{background:transparent;color:var(--green);border-color:#c9ad82}
.hero{background:radial-gradient(ellipse at 80% 40%,#cfb48638,transparent 42%),var(--page)}
h1,h2,h3{color:var(--ink)}
h1 em{color:#a77d43}
.eyebrow{color:#8e6b39}
.hero p,.sectionhead p,.productbody p,.story p{color:var(--muted)}
.hero-art{background:linear-gradient(135deg,#e9ddca,#fbf8f1 48%,#e3d4bb);border-color:#c5a775}
.hero-art:before{border-color:#c6a877}
.hero-art:after{color:#826b4c}
.gift.main{background:linear-gradient(145deg,#5b3c29,#302016);border-color:#c3a06b}
.gift.lid{background:linear-gradient(#684932,#3c291d);border-color:#c3a06b}
.gift.main:before{border-color:#d2b77e;color:#d8bf8d}
.gift.main:after{background:linear-gradient(90deg,#94703d,#ead39b,#a98147)}
.bag{background:linear-gradient(120deg,#f7f1e6,#e7d9c2);border-color:#bda176}
.bag:after{color:#8e6b39}
.smallbox{background:linear-gradient(145deg,#c0a071,#e7d6b7);border-color:#a9824f}
.product{background:#fffdf8;border-color:#e4d9c8}
.productvisual,.productvisual.green,.productvisual.cream{background:linear-gradient(135deg,#eee5d6,#faf7f0)}
.product:hover{box-shadow:0 16px 35px #3b291f18}
.mock.giftbox{background:linear-gradient(145deg,#67452f,#3a271b);border-color:#c3a06b}
.mock.giftbox:before{border-color:#d2b77e}
.mock.giftbox:after{color:#d8bf8d}
.mock.canvas:after,.mock.cards:after{color:#5a3d2a}
.textlink{color:#795624}
.why{background:#eee6da;color:var(--ink)}
.why .sectionhead p,.whyitem p{color:#6c6258}
.why .eyebrow{color:#836236}
.whyitem{border-top-color:#cfc1ad}
.whyitem .num{color:#a17a43}
.storyart{background:linear-gradient(140deg,#60432f,#39271c)}
.contact{background:#f0e9de}
.contact p{color:#655e55}
.address{border-top-color:#d1c1a8;color:#585148}
.form{background:#fffdf8;border-color:#d4c1a2;box-shadow:0 12px 35px #3028200c}
.form label{color:#655c52}
.form input,.form select,.form textarea{background:#fff;color:#302820;border-color:#d8ccbb}
.form input::placeholder,.form textarea::placeholder{color:#928a80}
.footer{background:var(--green);color:#f5efe5}
.footbrand{color:#f5efe5}
.whatsapp{background:#25D366;color:white;border-color:#fff}
.whatsapp span{background:var(--green);color:#fffdf8}
.notice{background:#e9f0e5;color:#345a40}
@media(max-width:800px){.nav{background:#fffdf8}.hero-art{background:linear-gradient(135deg,#e9ddca,#fbf8f1 48%,#e3d4bb)}}