/* Royal Handicrafts — editorial architecture / warm chalk + forest green */
:root{--paper:#f5f2eb;--white:#fffdf8;--ink:#202721;--green:#243d32;--green2:#334e40;--lime:#d9e1c8;--clay:#bd7658;--line:#dcd8ce;--muted:#74786f;--serif:'Playfair Display',Georgia,serif;--sans:'Manrope','DM Sans',sans-serif;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.65}img{display:block;width:100%;height:100%;}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:86px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(245,242,235,.96);position:sticky;top:0;z-index:20}.wordmark{display:flex;gap:12px;align-items:center}.monogram{display:grid;place-items:center;width:43px;height:43px;background:var(--green);color:var(--lime);font-family:var(--serif);font-size:20px;border-radius:50%}.wordmark-text{font-size:12px;font-weight:800;letter-spacing:.11em;line-height:1.4}.wordmark-text small{display:block;font-size:8px;letter-spacing:.18em;font-weight:600;color:var(--muted);margin-top:4px}.main-nav{display:flex;align-items:center;gap:34px}.main-nav>a{font-size:12px;font-weight:700;color:#50564e;transition:color .2s}.main-nav>a:hover,.main-nav>a.active{color:var(--clay)}.main-nav .nav-pill{padding:12px 17px;background:var(--green);color:white;border-radius:3px}.nav-pill span{margin-left:12px}.menu-toggle{display:none;border:0;background:none;font-size:24px;color:var(--green)}.hero-shell{max-width:var(--max);margin:auto;min-height:625px;padding:0px 5vw 55px;display:grid;grid-template-columns:.91fr 1.09fr;gap:5.4%;align-items:center}.hero-left{padding:0 0 8px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.18em;font-weight:800;color:var(--green);text-transform:uppercase}.eyebrow i{width:7px;height:7px;background:var(--clay);border-radius:50%;display:inline-block}.hero-kicker{font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--muted);margin:58px 0 12px}.hero-shell h1,.inner-hero h1,.catalogue-hero h1,.contact-page-head h1{font-size:clamp(52px,6.3vw,88px);line-height:.99;letter-spacing:-.065em;font-weight:600;margin:0;font-family:var(--serif)}h1 em,h2 em{font-weight:500;color:var(--clay)}.hero-desc{font-size:15px;max-width:425px;line-height:1.9;color:#656a60;margin:25px 0 27px}.hero-buttons{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.btn{min-height:48px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid transparent;font-size:11px;font-weight:800;transition:transform .2s,background .2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn span{font-size:17px}.btn-dark{background:var(--green);color:white}.btn-dark:hover{background:var(--green2)}.btn-outline{border-color:#9ba49a;color:var(--green)}.btn-light{background:var(--lime);color:var(--green)}.under-link{font-size:11px;font-weight:800;border-bottom:1px solid #a7aaa0;padding-bottom:5px}.under-link span{padding-left:9px;font-size:16px}.hero-footnote{margin-top:68px;display:flex;justify-content:space-between;max-width:420px;border-top:1px solid var(--line);padding-top:13px;font-size:8px;letter-spacing:.14em;color:var(--muted);font-weight:800}.hero-collage{height:500px;position:relative;padding:0 30px 25px 0}.collage-main{position:absolute;left:10%;right:7%;top:0;bottom:8%;overflow:hidden;background:#e5ded0}.collage-main img{object-position:center}.collage-main:after,.category-tile:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(19,30,24,.55));pointer-events:none}.image-label{position:absolute;bottom:20px;right:22px;color:#fff;font-size:8px;letter-spacing:.16em;font-weight:800;z-index:1}.collage-small{position:absolute;width:34%;height:39%;left:0;bottom:0;border:4px solid var(--paper);z-index:2;background:#d6c8b5}.collage-small span{position:absolute;bottom:-27px;left:0;font-size:8px;font-weight:800;letter-spacing:.14em;white-space:nowrap}.round-stamp{position:absolute;right:0;top:9%;z-index:3;width:110px;height:110px;border-radius:50%;background:var(--lime);color:var(--green);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(8deg);box-shadow:0 5px 25px #0000000a}.round-stamp span{font-size:9px;letter-spacing:.15em}.round-stamp b{font-family:var(--serif);font-size:22px;line-height:1.1}.round-stamp small{font-size:6px;letter-spacing:.1em;margin-top:5px}.vertical-note{position:absolute;right:-25px;bottom:38px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.17em;font-weight:800;color:var(--muted)}.ticker{overflow:hidden;background:var(--green);color:var(--lime);white-space:nowrap;padding:17px 0;font-size:9px;letter-spacing:.19em;font-weight:800}.ticker div{width:max-content;animation:marquee 30s linear infinite}.ticker b{padding:0 35px;color:#d9a38a}@keyframes marquee{to{transform:translateX(-35%)}}.section{max-width:var(--max);margin:auto;padding:100px 5vw}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;gap:30px}.section-top h2,.manifesto h2,.about-intro h2,.principles h2,.about-cta h2,.home-contact h2,.browser-heading h2,.contact-info h2{font-family:var(--serif);font-size:clamp(36px,4vw,54px);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:15px 0 0}.section-top>p{max-width:290px;color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 4px}.category-grid{display:grid;grid-template-columns:1.08fr .92fr .92fr;grid-template-rows:250px 250px;gap:15px}.category-tile{position:relative;overflow:hidden;background:#d5c8b5;isolation:isolate}.category-tile img{position:absolute;inset:0;transition:transform .7s;z-index:-1}.category-tile:hover img{transform:scale(1.05)}.category-tile:after{z-index:0}.category-tile>*:not(img){z-index:1}.tile-lighting{grid-row:span 2}.tile-brass{grid-column:2;grid-row:1}.tile-sculpture{grid-column:3;grid-row:1}.tile-celebrate{grid-column:2/4;grid-row:2}.tile-index{position:absolute;left:19px;top:18px;color:white;font-size:8px;letter-spacing:.16em;font-weight:800}.category-tile>div{position:absolute;bottom:22px;left:21px;right:20px;display:flex;justify-content:space-between;align-items:end;color:white}.category-tile h3{font-family:var(--serif);font-size:clamp(22px,2.3vw,31px);font-weight:500;line-height:1.1;margin:0}.tile-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffffa3;border-radius:50%;font-size:17px}.section-end{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:25px;padding-top:18px}.section-end>span{font-size:8px;letter-spacing:.16em;color:var(--muted);font-weight:800}.manifesto{display:grid;grid-template-columns:1fr 1fr;min-height:530px;background:#e9e5dc}.manifesto-image{min-height:530px}.manifesto-copy{align-self:center;max-width:560px;padding:70px 9vw 70px 8vw}.manifesto-copy p{font-size:12px;line-height:2;color:#656b61;margin:22px 0}.manifesto-copy .btn{margin-top:12px}.home-contact{padding:75px max(5vw,24px);background:var(--green);color:white;display:flex;align-items:center;justify-content:space-between;gap:35px}.home-contact .eyebrow{color:var(--lime)}.home-contact h2{font-size:clamp(38px,4.3vw,58px)}.home-contact h2 em{color:#e1aa8f}.home-contact>p{max-width:290px;font-size:12px;color:#d1d7ce;line-height:1.9}.footer{padding:44px max(5vw,24px) 18px;background:#1a2c24;color:#f5f2eb}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:35px}.footer-mark .monogram{background:var(--lime);color:var(--green)}.footer-mark .wordmark-text small{color:#b6c1b6}.footer-main>p{font-size:10px;line-height:1.8;color:#c2c8bf}.footer-contact{font-size:11px;font-weight:800;border-bottom:1px solid #8b9b8b;padding-bottom:7px}.footer-bottom{border-top:1px solid #43564b;padding-top:14px;display:flex;justify-content:space-between;gap:15px;color:#aeb8ae;font-size:9px}.footer-bottom div{display:flex;gap:20px}.floating-wa{position:fixed;z-index:19;right:22px;bottom:22px;display:flex;align-items:center;gap:8px;background:#233f32;color:white;border-radius:30px;padding:13px 18px;box-shadow:0 8px 30px #1b332a40;font-size:12px;font-weight:800}.floating-wa:first-letter{font-size:16px}
/* Inner pages */.inner-hero{max-width:var(--max);margin:auto;padding:80px 5vw 50px;display:grid;grid-template-columns:1fr .65fr;gap:35px;align-items:end}.inner-hero h1{font-size:clamp(54px,7vw,88px);margin-top:22px}.inner-hero>p{max-width:390px;color:var(--muted);line-height:2;font-size:13px;margin:0 0 8px}.inner-hero-image{grid-column:1/3;height:330px;overflow:hidden;position:relative;margin-top:20px}.inner-hero-image img{object-position:center 42%}.inner-hero-image:after{content:'ROYAL HANDICRAFTS · AJRADA, MEERUT';position:absolute;bottom:18px;left:22px;color:white;font-size:9px;font-weight:800;letter-spacing:.17em}.about-intro{display:grid;grid-template-columns:.4fr 1fr .75fr;gap:35px;align-items:start}.side-label{writing-mode:vertical-rl;font-size:9px;letter-spacing:.17em;font-weight:800;color:var(--clay)}.about-intro-copy h2{margin:20px 0 22px}.about-intro-copy p{font-size:12px;color:var(--muted);line-height:2;margin:0 0 16px}.about-side-image{height:360px;position:relative}.about-side-image span{position:absolute;bottom:-25px;right:0;font-size:8px;letter-spacing:.14em;font-weight:800;color:var(--muted)}.principles{padding:75px max(5vw,24px);background:#e9e5dc;display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;}.principles-heading h2{margin-top:20px}.principle-list article{display:grid;grid-template-columns:42px 1fr 20px;gap:20px;padding:23px 0;border-bottom:1px solid #d0cdc3;align-items:start}.principle-list article:first-child{border-top:1px solid #d0cdc3}.principle-list article>span{font-size:10px;color:var(--clay);font-weight:800}.principle-list h3{font-size:15px;margin:0 0 6px}.principle-list p{font-size:11px;color:var(--muted);line-height:1.8;margin:0;max-width:420px}.principle-list article>b{font-size:17px;color:var(--green)}.about-cta{padding:70px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:25px}.about-cta h2{font-size:45px}.catalogue-hero{max-width:var(--max);margin:auto;padding:70px 5vw 45px;display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:center}.catalogue-hero h1{font-size:clamp(52px,6vw,78px);margin-top:20px}.catalogue-hero-copy>p{max-width:440px;font-size:13px;color:var(--muted);line-height:1.9;margin-top:24px}.catalogue-hero-image{height:320px;position:relative;overflow:hidden}.catalogue-hero-image:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#17251e77)}.catalogue-hero-image span{position:absolute;bottom:18px;left:20px;color:white;font-size:9px;letter-spacing:.17em;font-weight:800;z-index:1}.product-browser{padding-top:50px}.browser-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.browser-heading h2{font-size:42px}.product-count{font-size:8px;letter-spacing:.14em;color:var(--muted);font-weight:800}.product-count b{font-size:18px;color:var(--green);margin-right:5px}.filter-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{border:1px solid transparent;background:transparent;padding:9px 12px;color:#6e746b;font-size:10px;font-weight:800;cursor:pointer}.filter-btn:hover,.filter-btn.active{background:var(--green);color:white}.filter-btn span{margin-left:5px;opacity:.7}.search-box{display:flex;align-items:center;gap:8px;border-bottom:1px solid #aeb2a7;padding:6px 0;min-width:190px}.search-box span{font-size:21px;color:var(--green)}.search-box input{width:100%;border:0;background:transparent;outline:0;font-size:10px;color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 18px}.product-card{min-width:0}.product-photo{position:relative;aspect-ratio:4/4.5;background:#e4ded2;overflow:hidden}.product-photo img{transition:transform .5s}.product-card:hover .product-photo img{transform:scale(1.04)}.product-code{position:absolute;top:13px;left:13px;background:#f5f2ebdf;padding:5px 8px;font-size:8px;letter-spacing:.1em;font-weight:800}.quick-enquire{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--green);font-size:19px;transition:transform .2s}.quick-enquire:hover{transform:rotate(45deg)}.product-info{padding:14px 2px 0}.product-info>span{font-size:8px;color:var(--clay);font-weight:800;letter-spacing:.15em}.product-info h3{font-family:var(--serif);font-size:22px;font-weight:500;margin:4px 0 9px;line-height:1.2}.product-info>a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:10px;font-size:10px;font-weight:800}.product-info>a b{font-size:16px;color:var(--clay)}.no-results{padding:30px 0;color:var(--muted)}.no-results button{border:0;background:none;text-decoration:underline;cursor:pointer;color:var(--green);font-weight:800}.bulk-banner{padding:55px max(5vw,24px);background:var(--green);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.bulk-banner .eyebrow{color:var(--lime)}.bulk-banner h2{font-family:var(--serif);font-size:38px;font-weight:500;margin:12px 0}.bulk-banner p{color:#cbd2c8;font-size:12px;margin:0}.contact-page-head{max-width:var(--max);padding:70px 5vw 25px;margin:auto}.contact-page-head h1{font-size:clamp(55px,7vw,85px);margin-top:20px}.contact-page-head>p{max-width:490px;font-size:13px;line-height:1.9;color:var(--muted);margin:24px 0 0}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start;padding-top:45px}.contact-info{padding-top:18px}.contact-info h2{margin:18px 0 30px;font-size:43px}.contact-method{display:flex;align-items:center;gap:15px;padding:18px 0;border-top:1px solid var(--line)}.contact-icon{width:38px;height:38px;border:1px solid #c7cbbf;display:grid;place-items:center;color:var(--green);font-size:17px;flex-shrink:0}.contact-method small{display:block;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.15em;margin-bottom:4px}.contact-method b{font-size:11px;line-height:1.8;overflow-wrap:anywhere}.whatsapp-card{display:flex;flex-direction:column;gap:5px;background:var(--lime);padding:18px 20px;margin-top:24px;color:var(--green)}.whatsapp-card span{font-size:10px}.whatsapp-card b{font-size:12px}.contact-form-card{background:var(--white);padding:35px 38px;box-shadow:0 18px 55px #33300b08}.form-heading{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:14px}.form-heading>span:last-child{font-size:8px;letter-spacing:.12em;color:var(--muted);font-weight:800}.contact-form-card h2{font-family:var(--serif);font-size:34px;font-weight:500;margin:20px 0 3px}.contact-form-card>p{font-size:11px;color:var(--muted);line-height:1.8;margin:0 0 25px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;margin-bottom:17px;min-width:0}.field label{font-size:10px;font-weight:800;margin-bottom:7px}.field label i{font-style:normal;color:var(--clay)}.field input,.field select,.field textarea{width:100%;border:1px solid #dedbd2;background:transparent;padding:12px 13px;outline:none;border-radius:0;color:var(--ink);font-size:11px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green)}.field textarea{resize:vertical;min-height:100px}.form-submit{width:100%;justify-content:space-between}.form-disclaimer{font-size:9px;line-height:1.7;color:var(--muted);margin:13px 0 0}.form-error{font-size:11px;color:#a43c2b;margin:8px 0 0}
@media(max-width:900px){.main-nav{gap:18px}.hero-shell{gap:25px;grid-template-columns:.9fr 1.1fr}.hero-collage{height:430px}.hero-kicker{margin-top:42px}.category-grid{grid-template-rows:220px 220px}.section{padding-top:75px;padding-bottom:75px}.contact-layout{gap:4%}.contact-form-card{padding:28px}.about-intro{grid-template-columns:30px 1fr .7fr;gap:22px}.filter-row{align-items:flex-start;flex-direction:column}.search-box{width:100%;max-width:330px}}
@media(max-width:650px){.topbar{height:72px;padding:0 20px}.monogram{width:38px;height:38px}.wordmark-text{font-size:10px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:71px;left:0;right:0;padding:18px 22px 23px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 14px 20px #2027210d;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav>a{padding:12px 3px;border-bottom:1px solid var(--line)}.main-nav .nav-pill{margin-top:12px;padding:13px 15px}.hero-shell{padding:48px 22px 35px;display:flex;flex-direction:column;align-items:stretch;gap:30px}.hero-kicker{margin-top:35px}.hero-shell h1{font-size:62px}.hero-desc{font-size:13px;margin:20px 0}.hero-footnote{margin-top:42px}.hero-collage{height:360px;margin:0 12px 0 0;padding-right:18px}.collage-main{left:8%;right:5%;bottom:8%}.collage-small{width:36%;height:38%;border-width:6px}.round-stamp{width:88px;height:88px;right:-5px}.round-stamp b{font-size:18px}.vertical-note{right:-15px;font-size:7px}.ticker{padding:14px 0;font-size:8px}.ticker b{padding:0 18px}.section{padding:62px 22px}.section-top{align-items:flex-start;flex-direction:column;gap:15px}.section-top h2,.manifesto h2,.about-intro h2,.principles h2,.about-cta h2,.home-contact h2{font-size:39px}.section-top>p{max-width:380px}.category-grid{grid-template-columns:1fr 1fr;grid-template-rows:270px 210px 210px;gap:10px}.tile-lighting{grid-column:1/3;grid-row:1}.tile-brass{grid-column:1;grid-row:2}.tile-sculpture{grid-column:2;grid-row:2}.tile-celebrate{grid-column:1/3;grid-row:3}.category-tile h3{font-size:24px}.category-tile>div{left:15px;right:14px;bottom:16px}.tile-index{left:15px;top:14px}.manifesto{grid-template-columns:1fr}.manifesto-image{min-height:340px;height:340px}.manifesto-copy{padding:52px 24px 60px}.home-contact{padding:52px 22px;align-items:flex-start;flex-direction:column;gap:20px}.home-contact h2{font-size:44px}.home-contact>p{margin:0}.footer{padding:35px 22px 16px}.footer-main{align-items:flex-start;flex-direction:column;gap:18px;padding-bottom:25px}.footer-bottom{flex-wrap:wrap;line-height:1.7}.footer-bottom>span:nth-child(2){display:none}.floating-wa{right:14px;bottom:14px;padding:12px 15px}.inner-hero{padding:52px 22px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.inner-hero h1{font-size:60px}.inner-hero>p{font-size:12px}.inner-hero-image{height:260px;width:100%;margin-top:4px}.about-intro{grid-template-columns:1fr;gap:20px}.side-label{writing-mode:initial}.about-intro-copy h2{font-size:39px}.about-side-image{height:290px;margin-bottom:18px}.principles{padding:55px 22px;grid-template-columns:1fr;gap:35px}.principles h2{font-size:39px}.principle-list article{grid-template-columns:28px 1fr 16px;gap:12px}.principle-list h3{font-size:13px}.about-cta{padding:52px 22px;align-items:flex-start;flex-direction:column}.catalogue-hero{padding:52px 22px 28px;grid-template-columns:1fr;gap:24px}.catalogue-hero h1{font-size:57px}.catalogue-hero-image{height:260px}.product-browser{padding-top:38px}.browser-heading h2{font-size:38px}.filter-buttons{gap:5px}.filter-btn{padding:8px 9px;font-size:9px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 12px}.product-info h3{font-size:18px}.product-photo{aspect-ratio:4/4.8}.product-code{top:8px;left:8px;font-size:7px}.quick-enquire{width:32px;height:32px;right:8px;bottom:8px}.product-info>a{font-size:9px}.bulk-banner{padding:43px 22px;align-items:flex-start;flex-direction:column;gap:22px}.bulk-banner h2{font-size:33px}.contact-page-head{padding:52px 22px 18px}.contact-page-head h1{font-size:58px}.contact-layout{padding-top:32px;grid-template-columns:1fr;gap:35px}.contact-info h2{font-size:39px}.contact-form-card{padding:25px 20px}.contact-form-card h2{font-size:30px}.form-heading>span:last-child{font-size:7px}.field-grid{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
