/* ==========================================================
       Responsive rules — mobile-first overrides
       ========================================================== */
    @media(max-width:1200px){
      .grid-4{grid-template-columns:repeat(3,1fr);}
      .wall-grid{grid-template-columns:repeat(2,1fr);}
      .wall-item:nth-child(2),.wall-item:nth-child(4){transform:none;}
    }
    
    @media(max-width:991px){
      .section{padding:70px 0;}
      .hero{padding:50px 0 80px;}
      .hero-grid{grid-template-columns:1fr;text-align:center;}
      .hero-sub{margin-left:auto;margin-right:auto;}
      .hero-actions,.hero-phone{justify-content:center;}
      .hero-visual{margin-top:40px;order:-1;max-width:320px;margin-inline:auto;}
      .cat-strip{grid-template-columns:repeat(3,1fr);}
      .grid-3{grid-template-columns:repeat(2,1fr);}
      .grid-4{grid-template-columns:repeat(2,1fr);}
      .split{grid-template-columns:1fr;}
      .split-visual{order:-1;max-width:340px;margin-inline:auto;width:100%;}
      .process-track{grid-template-columns:repeat(5,1fr);gap:10px;}
      .process-track::before,.process-line-fill{display:none;}
      .footer-grid{grid-template-columns:1fr 1fr;gap:36px;}
      .masonry{columns:2 200px;}
      .custom-catalogue-showcase{grid-template-columns:1fr;gap:26px;}
    }
    
    @media(max-width:767px){
      .container{padding:0 18px;}
      .section{padding:56px 0;}
      .section-head{margin-bottom:34px;}
      .cat-strip{grid-template-columns:repeat(2,1fr);}
      .grid-3,.grid-4{grid-template-columns:1fr 1fr;gap:16px;}
      .process-track{grid-template-columns:repeat(2,1fr);gap:24px;}
      .wall-grid{grid-template-columns:1fr;}
      .footer-grid{grid-template-columns:1fr;gap:30px;}
      .footer-bottom{flex-direction:column;text-align:center;}
      .final-cta{padding:46px 22px;}
      .form-card{padding:24px;}
      .brand-text span{display:none;}
      .nav-cta .btn span{display:none;}
    }
    
    @media(max-width:480px){
      .cat-strip{grid-template-columns:1fr 1fr;}
      .grid-3,.grid-4{grid-template-columns:1fr 1fr;}
      .hero h1{font-size:1.8rem;}
      .masonry{columns:1 100%;}
    }
    
    /* Final layout guard — keeps the shaped award-ribbon navigation clean at all widths. */
    .site-header{padding:16px 18px 0;background:transparent;}
    .navbar-inner{
      min-height:76px;padding:8px 12px 8px 10px;gap:10px;
      border-radius:26px 58px 26px 58px;
      background:linear-gradient(105deg,#fff 0%,#f9fcff 50%,#e7f3ff 100%);
      border:1px solid rgba(7,93,219,.16);
      box-shadow:0 20px 44px -26px rgba(6,39,94,.48);
    }
    .navbar-inner::before,.navbar-inner::after{content:"";position:absolute;pointer-events:none;z-index:-1;}
    .navbar-inner::before{width:92px;height:92px;left:-16px;top:-9px;background:linear-gradient(145deg,#063b92,#0b76e9);clip-path:polygon(0 18%,62% 0,100% 25%,85% 77%,36% 100%,0 82%);opacity:.98;}
    .navbar-inner::after{width:138px;height:76px;right:-18px;top:0;background:linear-gradient(135deg,transparent 0 24%,#d4a62a 24% 29%,#0b76e9 29% 100%);clip-path:polygon(0 0,100% 0,100% 100%,19% 100%);opacity:.98;}
    .brand{position:relative;z-index:2;gap:9px;flex:0 0 auto;min-width:0;}
    .brand img{height:49px;width:49px;border-radius:14px;}
    .brand-text{min-width:0;}.brand-text strong{font-size:.96rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:155px;}.brand-text span{display:none;}
    .nav-links{gap:0;min-width:0;}.nav-links a{padding:9px 10px;font-size:.82rem;white-space:nowrap;gap:6px;}.nav-links a i{font-size:.76rem;}
    .nav-links a.is-active{background:linear-gradient(135deg,#086fe2,#063b92);color:#fff;}
    .nav-cta{position:relative;z-index:2;gap:8px;flex:0 0 auto;}.call-pill{padding:7px 11px 7px 7px;font-size:.79rem;white-space:nowrap;}.call-pill i{width:28px;height:28px;}.btn-get-started{padding:10px 14px;font-size:.8rem;white-space:nowrap;}
    .navbar-emblem{display:block;top:-22px;width:62px;height:62px;z-index:4;}
    .floating-contact{display:none!important;}
    .award-concierge{right:24px;bottom:24px;z-index:1201;}.award-concierge__toggle{animation:assistantGlow 2.8s ease-in-out infinite;}.award-concierge__panel{transform-origin:bottom right;}@keyframes assistantGlow{0%,100%{box-shadow:0 16px 32px -14px rgba(6,39,94,.72)}50%{box-shadow:0 18px 34px -7px rgba(7,93,219,.55),0 0 0 7px rgba(7,93,219,.08)}}
    .site-header,.hero-eyebrow,.hero h1,.hero-sub,.hero-actions,.hero-phone{animation:pageIn .7s both var(--ease);}.hero-eyebrow{animation-delay:.1s}.hero h1{animation-delay:.17s}.hero-sub{animation-delay:.26s}.hero-actions{animation-delay:.34s}.hero-phone{animation-delay:.42s}@keyframes pageIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
    @media(min-width:1500px){.navbar-inner{max-width:1500px;}.nav-links a{padding-inline:14px;font-size:.88rem;}.brand-text strong{max-width:190px;font-size:1.02rem;}.call-pill{font-size:.86rem;padding-right:14px;}}
    @media(max-width:1180px){.navbar-emblem{display:none;}.nav-links a{padding-inline:7px;font-size:.77rem;}.brand-text strong{max-width:128px;}.call-pill span{display:none;}.call-pill{padding:7px;}.btn-get-started span{display:none;}.btn-get-started{padding:10px;}.navbar-inner::after{width:84px;}}
    @media(max-width:991px){.site-header{padding:10px 12px 0;}.navbar-inner{min-height:66px;border-radius:18px 38px 18px 38px;}.navbar-inner::before{width:68px;height:68px;left:-12px;top:-2px;}.navbar-inner::after{display:none;}.brand img{height:43px;width:43px;}.brand-text strong{max-width:180px;font-size:.95rem;}.nav-links{z-index:1002;}.nav-links a{font-size:.94rem;white-space:normal;}.nav-cta{margin-left:auto;}.btn-get-started{display:none;}.nav-toggle{position:relative;z-index:3;}.award-concierge{bottom:78px;right:16px;}.award-concierge__toggle{padding:8px;}.award-concierge__toggle span{display:none;}}
    @media(max-width:480px){.brand-text strong{max-width:145px;font-size:.88rem;}.brand img{height:38px;width:38px;}.call-pill{display:none;}.navbar-inner{padding-right:10px;}.award-concierge__panel{width:min(330px,calc(100vw - 24px));}}
    @media(prefers-reduced-motion:reduce){.site-header,.hero-eyebrow,.hero h1,.hero-sub,.hero-actions,.hero-phone,.award-concierge__toggle{animation:none!important;}}
    
    /* Decorative wave stays behind the usable contact CTA. */
    .hero-wave{opacity:.42;z-index:0;}.hero-grid{position:relative;z-index:1;}.hero-phone{position:relative;z-index:2;color:var(--deep-blue)!important;}.hero-phone strong{color:var(--deep-blue)!important;}.hero-phone i{box-shadow:0 10px 22px -12px rgba(6,39,94,.6);}
    
    /* Medal-ribbon navigation — based on the chosen #04 concept. */
    @media(min-width:992px){
      .site-header{padding:18px 26px 0;}
      .navbar-inner{max-width:1500px;min-height:106px;padding:12px 20px 11px 14px;border-radius:52px 22px 52px 22px;gap:14px;background:linear-gradient(110deg,#fff 0%,#f9fcff 63%,#deefff 100%);}
      .navbar-inner::before{width:110px;height:110px;left:-16px;top:-3px;clip-path:polygon(0 10%,66% 0,100% 20%,91% 82%,43% 100%,0 86%);}
      .navbar-inner::after{width:185px;height:105px;right:-22px;top:0;background:linear-gradient(135deg,transparent 0 18%,#d4a62a 18% 22%,#075ddb 22% 100%);}
      .brand{width:290px;gap:14px;}.brand img{width:76px;height:76px;border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 6px #d4a62a,0 13px 25px -14px rgba(6,39,94,.65);}
      .brand-text strong{font-family:Georgia,'Times New Roman',serif;font-size:1.36rem;max-width:196px;overflow:visible;}.brand-text span{display:block;color:#075ddb;font-size:.7rem;white-space:nowrap;}
      .nav-links{align-self:stretch;justify-content:center;gap:7px;flex:1;}
      .nav-links a{position:relative;align-self:center;width:64px;height:74px;padding:10px 4px 7px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;border:2px solid rgba(212,166,42,.76);border-radius:50% 50% 46% 46%;background:linear-gradient(145deg,#fff,#edf7ff);box-shadow:0 9px 17px -13px rgba(6,39,94,.7);font-size:.67rem;font-weight:700;text-align:center;line-height:1.05;color:#063b92;}
      .nav-links a::before{content:"";position:absolute;top:-14px;width:27px;height:23px;clip-path:polygon(0 0,100% 0,77% 100%,50% 83%,23% 100%);background:linear-gradient(90deg,#075ddb,#063b92);z-index:-1;}.nav-links a::after{display:none;}
      .nav-links a i{font-size:1rem;color:#075ddb;}.nav-links a:hover{transform:translateY(-5px);color:#063b92;box-shadow:0 15px 24px -14px rgba(7,93,219,.72);}
      .nav-links a.is-active{height:84px;margin-top:-10px;background:linear-gradient(150deg,#0877ef,#062e79);color:#fff;border-color:#f2c64f;box-shadow:0 14px 24px -13px rgba(6,39,94,.85);}.nav-links a.is-active i{color:#ffe89e;}.nav-links a.is-active::before{background:#0a4ead;}
      .nav-cta{gap:10px;}.call-pill{height:62px;padding:8px 14px 8px 8px;border-radius:999px;background:#fff;font-size:.78rem;box-shadow:0 10px 22px -17px rgba(6,39,94,.58);}.call-pill i{width:39px;height:39px;}.btn-get-started{height:56px;padding:0 21px;border-radius:999px;background:linear-gradient(135deg,#ffdc77,#c88a13);color:#06275e;border:2px solid #063b92;box-shadow:0 10px 18px -12px rgba(6,39,94,.6);}.btn-get-started:hover{color:#06275e;transform:translateY(-3px) scale(1.02);}
      .navbar-emblem{display:none;}
    }
    
    /* Soft organic cards + studio award imagery inspired by the Saheli card language. */
    .product-card{border-radius:10px 34px 10px 34px!important;border-color:rgba(7,93,219,.13)!important;overflow:hidden;}.product-media{background:#eaf5ff!important;}.product-media::before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(255,255,255,.02),rgba(4,39,94,.15)),url('../images/brand/collection-showcase-v2.png');background-size:cover;background-repeat:no-repeat;transition:transform .65s var(--ease),filter .65s var(--ease);}.product-card:nth-child(1) .product-media::before{background-position:8% center;}.product-card:nth-child(2) .product-media::before{background-position:29% center;}.product-card:nth-child(3) .product-media::before{background-position:48% center;}.product-card:nth-child(4) .product-media::before{background-position:67% center;}.product-card:nth-child(5) .product-media::before{background-position:83% center;}.product-card:nth-child(6) .product-media::before{background-position:96% center;}.product-media i{position:relative;z-index:1;opacity:0!important;}.product-card:hover .product-media::before{transform:scale(1.09);filter:saturate(1.12);}.product-body{padding:24px 23px 26px;background:linear-gradient(145deg,#fff,#f8fcff);}.product-link{width:max-content;padding:8px 13px;border-radius:999px;background:#eef7ff;color:#075ddb!important;transition:transform .3s var(--ease),background .3s!important;}.product-card:hover .product-link{background:#075ddb;color:#fff!important;transform:translateX(4px);}
    .feature-card,.cat-tile{border-radius:8px 30px 8px 30px!important;position:relative;overflow:hidden;isolation:isolate;}
    .feature-card::after,.cat-tile::after{content:"✦";position:absolute;right:18px;top:14px;color:rgba(212,166,42,.24);font-size:2.15rem;line-height:1;z-index:-1;}
    .feature-icon,.cat-icon{border-radius:16px!important;transform:none!important;background:linear-gradient(145deg,#ffe9a0,#ca9218)!important;box-shadow:0 10px 18px -13px rgba(6,39,94,.6);}
    .feature-icon i,.cat-icon i{transform:none!important;color:#063b92!important;}.gallery-card{border-radius:8px 30px!important;}
    
    /* Each route gets a different award signature instead of repeating leaf ornaments. */
    body[data-page="about"] .page-hero::after,body[data-page="products"] .page-hero::after,body[data-page="services"] .page-hero::after,body[data-page="gallery"] .page-hero::after,body[data-page="customization"] .page-hero::after,body[data-page="contact"] .page-hero::after{position:absolute;right:9%;top:18%;font-family:Georgia,serif;font-size:clamp(5rem,11vw,10rem);line-height:1;color:rgba(212,166,42,.13);z-index:0;pointer-events:none;}
    body[data-page="about"] .page-hero::after{content:"✦";}body[data-page="products"] .page-hero::after{content:"★";}body[data-page="services"] .page-hero::after{content:"✧";}body[data-page="gallery"] .page-hero::after{content:"✦";}body[data-page="customization"] .page-hero::after{content:"✪";}body[data-page="contact"] .page-hero::after{content:"✉";}
    body[data-page="about"] .feature-card::after{content:"✦";}body[data-page="products"] .feature-card::after{content:"★";}body[data-page="services"] .feature-card::after{content:"✧";}body[data-page="customization"] .feature-card::after{content:"✪";}
    
    @media(min-width:992px) and (prefers-reduced-motion:no-preference){
      .brand{animation:brandRibbonIn .72s cubic-bezier(.2,.85,.25,1) both;}
      .nav-links a{animation:medalDrop .62s cubic-bezier(.2,.9,.25,1) both;}
      .nav-links a:nth-child(1){animation-delay:.12s}.nav-links a:nth-child(2){animation-delay:.18s}.nav-links a:nth-child(3){animation-delay:.24s}.nav-links a:nth-child(4){animation-delay:.3s}.nav-links a:nth-child(5){animation-delay:.36s}.nav-links a:nth-child(6){animation-delay:.42s}.nav-links a:nth-child(7){animation-delay:.48s}
      .nav-cta{animation:ctaWingIn .7s .48s cubic-bezier(.2,.85,.25,1) both;}
      @keyframes brandRibbonIn{from{opacity:0;transform:translateX(-70px) skewX(-7deg)}to{opacity:1;transform:none}}
      @keyframes medalDrop{from{opacity:0;transform:translateY(-54px) scale(.58)}70%{opacity:1;transform:translateY(5px) scale(1.04)}to{opacity:1;transform:none}}
      @keyframes ctaWingIn{from{opacity:0;transform:translateX(78px)}to{opacity:1;transform:none}}
    }
    
    /* Compact desktop ribbon: no horizontal clipping between tablet and laptop widths. */
    @media(min-width:992px) and (max-width:1199px){
      .site-header{padding-inline:12px;}.navbar-inner{min-height:84px;padding:8px 10px;gap:5px;border-radius:40px 16px 40px 16px;}
      .navbar-inner::before{width:76px;height:84px;}.navbar-inner::after{width:58px;height:84px;}
      .brand{width:205px;gap:9px;}.brand img{width:54px;height:54px;}.brand-text strong{font-size:1rem;max-width:132px;}.brand-text span{font-size:.57rem;max-width:132px;overflow:hidden;text-overflow:ellipsis;}
      .nav-links{gap:2px;}.nav-links a{width:48px;height:58px;padding:7px 2px 5px;font-size:.55rem;}.nav-links a i{font-size:.78rem;}.nav-links a::before{top:-10px;width:20px;height:17px;}.nav-links a.is-active{height:66px;margin-top:-7px;}
      .call-pill{width:42px;height:42px;padding:4px;justify-content:center;}.call-pill span{display:none;}.call-pill i{width:34px;height:34px;}.btn-get-started{width:44px;height:42px;padding:0;justify-content:center;}.btn-get-started span{display:none;}
    }
    
    /* Exact three-island medal navbar composition: crest + medal navigation + call/quote wing. */
    @media(min-width:1200px){
      .site-header{padding:20px 34px 0;}
      .navbar-inner{
        max-width:1520px;min-height:112px;padding:12px 24px 12px 0;gap:18px;
        border-radius:0 58px 58px 0;
        background:linear-gradient(90deg,#fff 0%,#fff 71%,#f5faff 100%);
        box-shadow:0 20px 36px -25px rgba(5,56,132,.58);
        isolation:isolate;
      }
      .navbar-inner::before{
        width:170px;height:106px;left:-20px;top:3px;z-index:-1;
        background:linear-gradient(155deg,#063b92 5%,#076de3 51%,#062e79 100%);
        clip-path:polygon(0 12%,70% 0,100% 21%,86% 79%,38% 100%,0 87%);
      }
      .navbar-inner::after{
        width:235px;height:110px;right:-24px;top:0;z-index:-1;opacity:1;
        background:linear-gradient(135deg,#0b76e9 0%,#063b92 82%);
        clip-path:polygon(23% 0,100% 0,100% 100%,0 100%,20% 72%,9% 46%);
        border-radius:0 58px 58px 0;
      }
      .brand{
        position:relative;width:352px;min-height:88px;padding:8px 22px 8px 42px;margin-left:0;
        border-radius:0 54px 54px 0;background:linear-gradient(105deg,#fff 0%,#fff 76%,#eaf5ff 100%);
        box-shadow:8px 8px 22px -22px rgba(6,39,94,.6);gap:18px;
      }
      .brand::before{content:"";position:absolute;left:-2px;top:-2px;width:108px;height:100px;border-radius:0 54px 54px 0;background:#fff;z-index:-1;}
      .brand img{width:78px;height:78px;border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 6px #d4a62a,0 12px 22px -14px rgba(6,39,94,.7);}
      .brand-text strong{font-size:1.34rem;max-width:214px;letter-spacing:-.02em;}
      .brand-text span{display:block;max-width:214px;font-size:.7rem;color:#075ddb;}
      .nav-links{gap:8px;align-self:stretch;}
      .nav-links a{
        width:66px;height:74px;border-radius:50%;padding:10px 3px 7px;
        background:radial-gradient(circle at 32% 20%,#fff,#f1f8ff);
        border-color:#e5b936;box-shadow:0 10px 17px -13px rgba(6,39,94,.66);
      }
      .nav-links a::before{top:-15px;width:28px;height:27px;background:linear-gradient(90deg,#075ddb,#063b92);}
      .nav-links a.is-active{width:70px;height:84px;margin-top:-10px;border-color:#f3c649;}
      .nav-cta{padding-left:2px;gap:12px;}
      .call-pill{height:64px;padding:8px 16px 8px 9px;background:#fff;border:0;box-shadow:0 10px 22px -15px rgba(6,39,94,.55);}
      .btn-get-started{height:58px;min-width:144px;border-radius:999px;background:linear-gradient(135deg,#ffe487,#d09016);border:2px solid #063b92;color:#06275e;}
    }
    
    @media(min-width:1200px) and (max-width:1440px){
      .site-header{padding-inline:16px;}.navbar-inner{padding-right:12px;gap:9px;min-height:100px;}.navbar-inner::after{width:90px;}
      .brand{width:292px;padding-left:28px;gap:12px;}.brand img{width:66px;height:66px;}.brand-text strong{font-size:1.13rem;max-width:176px;}.brand-text span{max-width:176px;}
      .nav-links{gap:4px;}.nav-links a{width:57px;height:67px;font-size:.6rem;}.nav-links a.is-active{width:61px;height:77px;}.nav-links a::before{width:24px;height:23px;}
      .call-pill{width:52px;padding:6px;justify-content:center;}.call-pill span{display:none;}.call-pill i{width:38px;height:38px;}.btn-get-started{min-width:112px;padding:0 13px;font-size:.74rem;}
    }
    
    /* Locked #04 proportions — no menu label can leave its medal. */
    @media(min-width:992px){
      .navbar-inner{overflow:visible!important;}
      .nav-links a{white-space:nowrap!important;word-break:normal!important;overflow:visible!important;}
      .nav-links a i{flex:none;}
    }
    @media(min-width:1200px){
      .navbar-inner{max-width:1540px;gap:12px;padding-right:18px;}
      .brand{width:318px;flex:0 0 318px;}.brand-text strong{font-size:1.18rem;max-width:182px;}.brand-text span{max-width:182px;}
      .nav-links{gap:5px;flex:0 1 auto;}.nav-links a{width:60px!important;height:71px;font-size:.58rem!important;letter-spacing:-.045em;}.nav-links a.is-active{width:64px!important;height:80px;}.nav-links a::before{width:24px;height:24px;}
      .nav-cta{margin-left:auto;flex:0 0 auto;}.call-pill{height:56px;padding:7px 13px 7px 8px;font-size:.73rem;}.call-pill i{width:34px;height:34px;}.btn-get-started{height:52px;min-width:128px;padding:0 16px;font-size:.78rem;}
      .navbar-inner::after{width:150px;height:90px;right:-18px;top:10px;clip-path:polygon(37% 0,100% 0,100% 100%,17% 100%,0 70%);border-radius:0 46px 46px 0;opacity:.96;}
    }
    @media(min-width:1200px) and (max-width:1380px){
      .site-header{padding-inline:10px;}.navbar-inner{gap:7px;}.brand{width:282px;flex-basis:282px;padding-left:24px;}.brand img{width:60px;height:60px;}.brand-text strong{font-size:1.04rem;max-width:165px;}.brand-text span{max-width:165px;font-size:.6rem;}
      .nav-links{gap:2px;}.nav-links a{width:53px!important;height:64px;font-size:.51rem!important;}.nav-links a.is-active{width:57px!important;height:72px;}.nav-links a::before{width:20px;height:20px;top:-12px;}
      .call-pill{width:47px;padding:5px;justify-content:center;}.call-pill span{display:none;}.call-pill i{width:35px;height:35px;}.btn-get-started{min-width:96px;padding:0 10px;font-size:.7rem;}
    }
    
    /* Grid prevents the call-to-action wing from being pushed outside the header. */
    @media(min-width:1200px){
      .navbar-inner{display:grid;grid-template-columns:318px minmax(390px,1fr) auto;align-items:center;}
      .brand{width:auto;}.nav-links{width:100%;justify-content:center;}.nav-cta{margin-left:0;}
    }
    @media(min-width:1200px) and (max-width:1380px){
      .navbar-inner{grid-template-columns:282px minmax(360px,1fr) auto;}.nav-cta{display:flex!important;}
    }
    
    /* Page-specific card families — same premium material, different silhouettes on every route. */
    body[data-page="home"] .cat-tile:nth-child(odd){border-radius:42px 10px 42px 10px!important;}
    body[data-page="home"] .cat-tile:nth-child(even){border-radius:10px 42px 10px 42px!important;}
    body[data-page="home"] .product-card:nth-child(3n+1){border-radius:42px 12px 42px 12px!important;}
    body[data-page="home"] .product-card:nth-child(3n+2){border-radius:12px 42px 12px 42px!important;}
    body[data-page="home"] .product-card:nth-child(3n){border-radius:28px 28px 8px 28px!important;}
    
    body[data-page="about"] .feature-card{border-radius:38px 10px 38px 10px!important;border-top:3px solid rgba(212,166,42,.72)!important;}
    body[data-page="about"] .feature-card:nth-child(even){border-radius:10px 38px 10px 38px!important;border-top-color:rgba(7,93,219,.6)!important;}
    body[data-page="about"] .cat-tile{border-radius:50% 50% 18px 18px!important;border-bottom:3px solid rgba(212,166,42,.62)!important;}
    
    body[data-page="products"] .product-card:nth-child(3n+1){border-radius:48px 12px 12px 12px!important;}
    body[data-page="products"] .product-card:nth-child(3n+2){border-radius:12px 48px 12px 12px!important;}
    body[data-page="products"] .product-card:nth-child(3n){border-radius:12px 12px 48px 12px!important;}
    body[data-page="products"] .product-card .product-media{border-bottom:2px solid rgba(212,166,42,.45);}
    body[data-page="products"] .product-card:nth-child(2n) .product-body{background:linear-gradient(145deg,#fffdf4,#f8fcff);}
    
    body[data-page="services"] .feature-card{border-radius:12px 42px 12px 42px!important;border-left:4px solid rgba(212,166,42,.75)!important;}
    body[data-page="services"] .feature-card:nth-child(3n+2){border-radius:42px 12px 42px 12px!important;border-left-color:rgba(7,93,219,.7)!important;}
    body[data-page="services"] .feature-card:nth-child(3n){border-radius:12px 42px 42px 12px!important;}
    
    body[data-page="gallery"] .masonry-item{border-radius:44px 12px 44px 12px!important;border:1px solid rgba(212,166,42,.35);overflow:hidden;}
    body[data-page="gallery"] .masonry-item:nth-child(3n+2){border-radius:12px 44px 12px 44px!important;}
    body[data-page="gallery"] .masonry-item:nth-child(3n){border-radius:24px 24px 8px 40px!important;}
    
    body[data-page="customization"] .occasion-card{border-radius:12px 38px 12px 38px!important;border:1px solid rgba(212,166,42,.42);position:relative;overflow:hidden;}
    body[data-page="customization"] .occasion-card:nth-child(odd){border-radius:38px 12px 38px 12px!important;}
    body[data-page="customization"] .occasion-card::after{content:"✦";position:absolute;right:16px;top:8px;color:rgba(212,166,42,.22);font-size:2rem;}
    body[data-page="contact"] .feature-card{border-radius:42px 12px 42px 12px!important;border-bottom:3px solid rgba(7,93,219,.58)!important;}
    body[data-page="contact"] .feature-card:nth-child(even){border-radius:12px 42px 12px 42px!important;border-bottom-color:rgba(212,166,42,.74)!important;}
    
    /* Clean the left crest island: it now reads as one intentional badge, not an empty white block. */
    @media(min-width:1200px){
      .navbar-inner{grid-template-columns:318px minmax(390px,1fr) auto!important;overflow:visible;}
      .brand{min-height:88px;padding:8px 18px 8px 58px!important;border:1px solid rgba(7,93,219,.10);border-left:0;box-shadow:10px 12px 24px -24px rgba(6,39,94,.62)!important;}
      .brand::before{display:none!important;}
      .navbar-inner::before{width:72px!important;height:96px!important;left:-20px!important;top:8px!important;clip-path:polygon(0 10%,100% 0,76% 50%,100% 100%,0 90%)!important;}
      .brand img{flex:0 0 auto;}
    }
    @media(max-width:991px){
      .navbar-inner{overflow:visible!important;}
      .brand{max-width:calc(100vw - 112px);}
      .brand-text strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.08;}
    }
    
    /* ==========================================================
       Reference-ribbon finish + cinematic arrivals
       The final layer intentionally keeps the navigation close to the supplied
       blue / gold ribbon reference instead of the earlier medal-menu concept.
       ========================================================== */
    /* Left crest island: a dedicated trophy-style brand plaque, while retaining
       the original medal navigation to its right. */
    @media (min-width:992px){
      .brand{
        position:relative!important;isolation:isolate;min-height:82px!important;
        padding:7px 16px 7px 24px!important;gap:17px!important;
        border:0!important;border-radius:0!important;background:transparent!important;
        box-shadow:none!important;
      }
      .brand::before{
        content:""!important;display:block!important;position:absolute!important;
        /* A narrow satin-blue ribbon wing: it decorates the crest without
           running behind or through the circular logo. */
        left:-23px!important;top:13px!important;width:49px!important;height:63px!important;
        z-index:-1!important;opacity:1!important;
        background:linear-gradient(135deg,#062968 0%,#075ed1 53%,#1299f5 100%)!important;
        clip-path:polygon(0 8%,100% 0,100% 84%,52% 100%,0 90%)!important;
        box-shadow:inset -3px 0 0 rgba(255,226,112,.72),0 9px 15px -8px rgba(6,39,94,.52)!important;
        filter:none!important;
      }
      .brand::after{
        content:"";position:absolute;left:5px;top:4px;width:80px;height:80px;z-index:0;
        border:2px solid rgba(244,205,91,.96);border-radius:50%;
        box-shadow:0 0 0 4px rgba(255,255,255,.96),0 0 0 7px rgba(212,166,42,.68),0 13px 22px -15px rgba(6,39,94,.8);
      }
      .brand img{
        position:relative;z-index:2;width:66px!important;height:66px!important;
        border-radius:50%!important;background:#fff;
        box-shadow:0 0 0 3px #fff,0 0 0 5px #d4a62a,0 12px 22px -16px rgba(6,39,94,.78)!important;
        /* Keep the crest perfectly still once it has arrived. */
        animation:none!important;
      }
      .site-header.is-scrolled .brand img{width:57px!important;height:57px!important;}
      .brand-text{position:relative;z-index:2;}.brand-text strong{font-size:1.18rem!important;letter-spacing:-.035em!important;}
      .brand-text span{font-size:.7rem!important;color:#075ddb!important;}
    }
    @keyframes brandMedalBreath{
      0%,100%{transform:scale(1);filter:brightness(1);}
      50%{transform:scale(1.11);filter:brightness(1.08) saturate(1.12);}
    }
    
    /* Trophy-ribbon navbar: compact medals, richer material and a staged arrival. */
    @media (min-width:992px) and (prefers-reduced-motion:no-preference){
      .navbar-inner{background:linear-gradient(110deg,#fff 0%,#fafdff 48%,#e5f3ff 100%)!important;box-shadow:0 20px 42px -25px rgba(6,39,94,.62),inset 0 1px #fff!important;}
      .nav-links{gap:7px!important;}
      .nav-links a{
        width:62px!important;height:70px!important;padding:9px 3px 7px!important;
        border:2px solid rgba(212,166,42,.82)!important;border-radius:48% 48% 44% 44%!important;
        background:radial-gradient(circle at 33% 20%,#fff 0 17%,#edf7ff 60%,#d9edff 100%)!important;
        box-shadow:0 12px 19px -15px rgba(6,39,94,.82),inset 0 1px rgba(255,255,255,.9)!important;
      }
      .nav-links a:nth-child(6){width:62px!important;letter-spacing:-.05em!important;}
      .nav-links a::before{display:block!important;background:linear-gradient(90deg,#0b74e4,#063b92)!important;}
      .nav-links a i{font-size:.92rem!important;}
      .nav-links a.is-active{height:80px!important;margin-top:-9px!important;background:linear-gradient(155deg,#129aff,#063881)!important;box-shadow:0 16px 26px -15px rgba(6,39,94,.95)!important;}
      .site-header .brand{animation:brandGlideIn .8s .08s cubic-bezier(.16,.9,.25,1) both;}
      .nav-links a{animation:navMedalFall .7s cubic-bezier(.16,.9,.25,1) both;}
      .nav-links a:nth-child(1){animation-delay:.18s}.nav-links a:nth-child(2){animation-delay:.25s}.nav-links a:nth-child(3){animation-delay:.32s}.nav-links a:nth-child(4){animation-delay:.39s}.nav-links a:nth-child(5){animation-delay:.46s}.nav-links a:nth-child(6){animation-delay:.53s}.nav-links a:nth-child(7){animation-delay:.6s}
      .nav-cta{animation:ctaGlideIn .8s .54s cubic-bezier(.16,.9,.25,1) both;}
    }
    @keyframes brandGlideIn{from{opacity:0;transform:translateX(-120px) rotate(-5deg)}to{opacity:1;transform:none}}
    @keyframes navMedalFall{from{opacity:0;transform:translateY(-95px) scale(.5) rotate(-10deg)}to{opacity:1;transform:none}}
    @keyframes ctaGlideIn{from{opacity:0;transform:translateX(120px) rotate(5deg)}to{opacity:1;transform:none}}
    
    /* Google Translate: a compact English / Hindi switcher integrated with the CTA. */
    .language-switcher{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(7,93,219,.22);border-radius:999px;background:rgba(255,255,255,.9);color:#075ddb;box-shadow:0 9px 18px -15px rgba(6,39,94,.72);white-space:nowrap;}
    .language-switcher>i{font-size:.88rem;}.language-switcher select{appearance:none;border:0;outline:0;background:transparent;color:#063b92;font:700 .72rem Poppins,sans-serif;cursor:pointer;padding:0 2px;}.language-switcher #google_translate_element{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none;}.language-switcher .goog-te-gadget{font-size:0!important;color:transparent!important;}.goog-te-banner-frame.skiptranslate,body>.skiptranslate{display:none!important;}body{top:0!important;}
    @media(max-width:1180px){.language-switcher{padding:7px;}.language-switcher>i{display:none;}.language-switcher .goog-te-combo{max-width:44px;font-size:.67rem!important;}}
    @media(max-width:991px){.language-switcher{display:flex;padding:5px 6px;}.language-switcher .goog-te-combo{max-width:43px;font-size:.65rem!important;}.nav-cta{gap:5px!important;}}
    
    /* Floating page decorations — different award tools for each page family. */
    .hero,.page-hero,.section{position:relative;overflow:hidden;}.page-motif{position:absolute;z-index:0;display:grid;place-items:center;width:68px;height:68px;overflow:hidden;border-radius:24px;color:#063b92;background:linear-gradient(145deg,#fff4af 0%,#f6cf53 38%,#d59312 72%,#fff0a0 100%);border:2px solid rgba(255,249,204,.94);box-shadow:0 0 0 3px rgba(212,166,42,.34),0 12px 28px -13px rgba(173,111,0,.7),inset 0 2px 3px rgba(255,255,255,.85);font-size:1.65rem;pointer-events:none;animation:motifFloat 5.5s ease-in-out infinite, motifGlow 2.3s ease-in-out infinite;}.page-motif::after{content:"";position:absolute;width:30px;height:130px;left:-42px;top:-30px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:rotate(28deg);animation:motifShine 3.4s ease-in-out infinite;}.page-motif.motif-left{left:4%;bottom:11%;transform:rotate(-15deg);}.page-motif.motif-right{right:4%;top:14%;transform:rotate(15deg);animation-delay:-2.4s,-1s;}.hero>.page-motif,.page-hero>.page-motif{opacity:.88;}.section>.page-motif{opacity:.78;}.section:nth-of-type(even)>.page-motif{background:linear-gradient(145deg,#fffbd5,#efbd32 55%,#b87608);}
    @keyframes motifFloat{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -8px;rotate:0deg}}
    @keyframes motifGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(255,205,51,0)) brightness(1)}50%{filter:drop-shadow(0 0 13px rgba(255,199,36,.7)) brightness(1.12)}}
    @keyframes motifShine{0%,35%{translate:0 0}65%,100%{translate:145px 0}}
    @media(max-width:767px){.page-motif{width:46px;height:46px;border-radius:16px;font-size:1.1rem;opacity:.25!important;}.page-motif.motif-left{left:-9px;bottom:12%;}.page-motif.motif-right{right:-9px;top:11%;}}
    
    /* Click-to-explain cards: a compact detail panel for every icon/title tile. */
    .interactive-info-card{cursor:pointer;user-select:none;outline:none;}.interactive-info-card:focus-visible{outline:3px solid rgba(7,93,219,.38);outline-offset:4px;}.card-click-hint{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:#0877ef;font-size:.68rem;font-weight:700;letter-spacing:.02em;transition:color .3s,transform .3s;}.card-click-hint i{font-size:.65rem;transition:transform .35s var(--ease);}.card-mini-description{max-height:0;overflow:hidden;opacity:0;margin:0!important;color:#4e6684;font-size:.74rem!important;line-height:1.5;transition:max-height .45s var(--ease),opacity .3s ease,margin .35s var(--ease);}.interactive-info-card.is-expanded{transform:translateY(-7px)!important;border-color:rgba(7,93,219,.42)!important;box-shadow:0 20px 35px -23px rgba(6,59,146,.62)!important;}.interactive-info-card.is-expanded .card-mini-description{max-height:88px;opacity:1;margin:8px 0 0!important;}.interactive-info-card.is-expanded .card-click-hint{color:#d09215;}.interactive-info-card.is-expanded .card-click-hint i{transform:rotate(45deg);}.occasion-card.is-expanded{background:linear-gradient(145deg,#fff,#ecf7ff)!important;}.occasion-card.is-expanded h4,.occasion-card.is-expanded>i{color:#063b92!important;}.wall-item .card-click-hint{color:#fff;}.wall-item .card-mini-description{color:rgba(255,255,255,.82);}.wall-item.is-expanded{transform:translateY(-7px) scale(1.02)!important;}
    
    /* Site-wide trophy-sky palette — every main section now matches the hero. */
    body{background:#eff8ff!important;color:#102850;}.section,.section-alt,.section-dark{background:radial-gradient(circle at 88% 12%,rgba(129,195,255,.21),transparent 28%),radial-gradient(circle at 6% 88%,rgba(255,226,130,.14),transparent 26%),linear-gradient(135deg,#f9fdff 0%,#eaf6ff 52%,#dceeff 100%)!important;color:#102850!important;}.section-dark h2,.section-dark h3,.section-dark p{color:#102850!important;}.page-hero{background:radial-gradient(circle at 82% 6%,rgba(113,186,255,.28),transparent 35%),linear-gradient(135deg,#f7fcff,#dceeff)!important;}.page-hero h1{color:#062e79!important;}.page-hero .breadcrumb,.page-hero .breadcrumb a{color:#31669c!important;}.award-wall{background:radial-gradient(circle at 80% 10%,rgba(115,190,255,.28),transparent 32%),linear-gradient(135deg,#f7fcff,#d9eeff)!important;}.award-wall::before{background:radial-gradient(circle at 17% 22%,rgba(212,166,42,.18),transparent 30%),radial-gradient(circle at 85% 78%,rgba(7,119,239,.12),transparent 34%)!important;}.award-wall .section-head h2,.award-wall .section-head p{color:#062e79!important;}.wall-item{background:linear-gradient(145deg,#fff,#e9f6ff)!important;border-color:rgba(7,93,219,.22)!important;box-shadow:0 18px 35px -26px rgba(6,59,146,.45)!important;backdrop-filter:none!important;}.wall-item h4{color:#062e79!important;}.wall-item i{color:#d19a18!important;}.wall-item .card-click-hint{color:#0877ef!important;}.wall-item .card-mini-description{color:#4e6684!important;}.final-cta{background:radial-gradient(circle at 86% 15%,rgba(255,229,139,.42),transparent 26%),linear-gradient(135deg,#eaf7ff,#cfe9ff)!important;border:1px solid rgba(7,93,219,.16);}.final-cta h2,.final-cta p{color:#062e79!important;}.final-cta::after{color:rgba(7,93,219,.09)!important;}.site-footer{background:linear-gradient(135deg,#eaf7ff,#cfe9ff)!important;color:#365b80!important;border-top:1px solid rgba(7,93,219,.15);}.site-footer::before{border-color:rgba(7,93,219,.12)!important;}.site-footer h5,.site-footer h4,.site-footer strong,.site-footer a{color:#062e79!important;}.site-footer a:hover{color:#0877ef!important;}.footer-bottom{border-color:rgba(7,93,219,.15)!important;}
    
    /* Expanded cards always expose the reverse action, even while icons load. */
    .interactive-info-card.is-expanded .card-click-hint{font-size:0;gap:.32rem;}
    .interactive-info-card.is-expanded .card-click-hint::before{content:"Show less";font-size:.68rem;line-height:1;}
    .interactive-info-card.is-expanded .card-click-hint::after{content:"−";font-size:1rem;font-weight:800;line-height:.7;}
    .interactive-info-card.is-expanded .card-click-hint i{display:none;}
    
    /* Gold outline CTAs: gold at rest, then a softer gold on hover across every page. */
    .btn-outline-gold{
      background:linear-gradient(135deg,#f4c94f,#d9a620)!important;
      border-color:#0b63c6!important;
      color:#062e79!important;
      box-shadow:0 12px 24px -16px rgba(158,111,4,.58);
    }
    .btn-outline-gold:hover,.btn-outline-gold:focus-visible{
      background:linear-gradient(135deg,#fff3bd,#f8dc78)!important;
      border-color:#d4a028!important;
      color:#062e79!important;
      box-shadow:0 16px 28px -16px rgba(158,111,4,.45);
    }
    
    /* True fixed navigation on every route — it remains visible throughout scrolling. */
    .site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1400!important;transition:padding .32s var(--ease),background .32s var(--ease),box-shadow .32s var(--ease)!important;}
    body{padding-top:132px;}
    .site-header .navbar-inner{transition:min-height .32s var(--ease),padding .32s var(--ease),transform .32s var(--ease),box-shadow .32s var(--ease)!important;}
    .site-header.is-scrolled{padding-top:6px!important;background:rgba(247,252,255,.98)!important;box-shadow:0 13px 28px -21px rgba(6,39,94,.6)!important;}
    .site-header.is-scrolled .navbar-inner{min-height:72px!important;transform:scale(.985);box-shadow:0 13px 29px -22px rgba(6,39,94,.52)!important;}
    .site-header.is-scrolled .brand img{width:52px!important;height:52px!important;transition:width .32s var(--ease),height .32s var(--ease)!important;}
    @media (min-width:992px){.site-header.is-scrolled .navbar-inner{min-height:84px!important;}.site-header.is-scrolled .brand img{width:57px!important;height:57px!important;}}
    @media (min-width:992px) and (max-width:1199px){body{padding-top:102px;}}
    @media (max-width:991px){
      body{padding-top:86px;}
      /* Tablet/phone headers use a clean glass strip; desktop ribbon wings do not
         scale down well and were covering the crest at Safari's 605px view. */
      .navbar-inner::before,.navbar-inner::after{display:none!important;}
      .navbar-inner{border-radius:20px!important;background:linear-gradient(135deg,#ffffff 0%,#f5fbff 68%,#e1f2ff 100%)!important;}
      .brand{position:relative!important;isolation:isolate!important;padding-left:8px!important;}
      /* Compact version of the desktop blue crest: same visual language, no overlap. */
      .brand::before{content:""!important;display:block!important;position:absolute!important;left:-7px!important;top:0!important;width:55px!important;height:58px!important;z-index:-1!important;opacity:1!important;background:linear-gradient(135deg,#062968 0%,#075ed1 55%,#1299f5 100%)!important;clip-path:polygon(0 10%,76% 0,100% 18%,90% 76%,56% 100%,0 88%)!important;box-shadow:inset -2px 0 0 rgba(255,226,112,.7),0 8px 14px -9px rgba(6,39,94,.5)!important;filter:none!important;}
      .brand img{border-radius:50%!important;background:#fff!important;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(212,166,42,.72),0 8px 17px -11px rgba(6,39,94,.52)!important;}
      /* Safari's responsive translator can delay IntersectionObserver callbacks.
         Never leave mobile/tablet content hidden while waiting for an animation. */
      [data-reveal]{opacity:1!important;transform:none!important;transition:none!important;}
    }
    @media (max-width:767px){body{padding-top:78px;}.site-header.is-scrolled{padding-top:4px!important;}.site-header.is-scrolled .navbar-inner{min-height:55px!important;transform:scale(.99);}.site-header.is-scrolled .brand img{width:34px!important;height:34px!important;}}
    
    /* Living crest treatment: a calm premium scale-and-glow, never a bounce. */
    .site-header .brand img{
      animation:crestPulse 2.9s ease-in-out infinite!important;
      transform-origin:center center;
      will-change:transform,filter;
    }
    .site-header .brand{filter:drop-shadow(0 10px 14px rgba(6,39,94,.18));}
    @keyframes crestPulse{
      0%,100%{transform:scale(1);filter:brightness(1) saturate(1);}
      50%{transform:scale(1.065);filter:brightness(1.06) saturate(1.08);}
    }
    .navbar-inner{border:1px solid rgba(93,164,241,.28)!important;box-shadow:0 18px 38px -24px rgba(6,39,94,.56),inset 0 1px 0 rgba(255,255,255,.95)!important;}
    @media (prefers-reduced-motion:reduce){.site-header .brand img{animation:none!important;}}
    
    /* Small award-like accents that enrich the page without competing with content. */
    .section-head{position:relative;}.section-head::after{content:"✦";display:block;margin:9px auto 0;color:#d5a025;font-size:1rem;letter-spacing:.3em;text-shadow:0 4px 10px rgba(210,157,24,.25);}.section-head.text-left::after{margin-left:0;}
    .feature-card,.product-card,.service-card,.gallery-card,.occasion-card,.wall-item{background-image:linear-gradient(135deg,rgba(255,255,255,.42),transparent 42%)!important;}
    
    /* ==========================================================
       Final device pass — phone first, then tablet, laptop and projector.
       ========================================================== */
    html,body{max-width:100%;overflow-x:hidden;}img,svg{max-width:100%;}
    .container{width:min(100% - 32px,1320px);margin-inline:auto;}
    @media (min-width:768px) and (max-width:991px){
      .container{width:min(100% - 48px,900px);}.section{padding-block:66px;}
      .hero{padding-bottom:64px;}.hero-visual{max-width:360px;}.page-hero{padding:90px 0 58px;}
      .grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}
      .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.floating-contact{right:16px!important;bottom:20px!important;}
      .language-switcher .goog-te-combo{max-width:46px;}.language-switcher select{font-size:.67rem;}
    }
    @media (max-width:767px){
      body{padding-bottom:64px;}.container{width:calc(100% - 28px);padding:0!important;}
      .section{padding:48px 0;}.section-head{margin-bottom:28px;}.section-head h2{font-size:clamp(1.6rem,8vw,2.05rem);line-height:1.18;}
      .page-hero{padding:86px 0 48px;text-align:center;}.page-hero h1{font-size:clamp(1.8rem,9vw,2.35rem);}.breadcrumb{justify-content:center;}
      .grid-3,.grid-4{grid-template-columns:1fr!important;gap:15px;}.product-card,.feature-card,.service-card,.gallery-card{width:100%;}
      .cat-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.cat-tile{padding:19px 10px;}.cat-icon{width:52px;height:52px;font-size:1.25rem;}.cat-tile h4{font-size:.82rem;}
      .occasion-card{padding:20px 11px;min-height:146px;display:flex;flex-direction:column;align-items:center;justify-content:center;}.occasion-card h4{font-size:.82rem;}.card-mini-description{font-size:.69rem!important;}.card-click-hint{font-size:.63rem;}
      .split{gap:28px;}.split-visual{max-width:100%;}.wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.wall-item{min-height:130px;}
      .process-track{grid-template-columns:1fr!important;gap:14px;}.process-step{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;}.process-num{flex:0 0 auto;margin:0!important;}
      .footer-grid{grid-template-columns:1fr;gap:26px;padding-bottom:26px;}.footer-bottom{padding-bottom:10px;}.form-card{padding:21px 16px;}.form-row{grid-template-columns:1fr!important;}
      .hero-actions{width:100%;flex-direction:column;align-items:stretch;}.hero-actions .btn{width:100%;}.hero-phone{justify-content:center;}
      .floating-contact{display:none!important;}.mobile-bar{z-index:1300;}.award-concierge{right:12px!important;bottom:78px!important;}.award-concierge__panel{width:calc(100vw - 24px);}
    }
    @media (max-width:480px){
      /* Phone is too narrow for the ribbon crest; use the clean normal logo lockup. */
      .brand{padding-left:0!important;}
      .brand::before{display:none!important;}
      .site-header{padding:7px 8px 0!important;}.navbar-inner{min-height:60px!important;padding:7px 8px!important;gap:5px!important;}.brand{max-width:calc(100vw - 116px)!important;gap:7px!important;}.brand img{width:35px!important;height:35px!important;}.brand-text strong{max-width:118px!important;font-size:.76rem!important;}.language-switcher{padding:4px!important;}.language-switcher>i{display:none;}.language-switcher select{max-width:43px;font-size:.62rem!important;}.nav-toggle{font-size:1.25rem!important;}
      .hero{padding-inline:0;}.hero h1{font-size:1.75rem;}.hero-sub{font-size:.82rem;}.hero-visual{max-width:205px;}.page-motif{display:none;}.faq-q{padding:17px 15px;font-size:.85rem;}.faq-a-inner{padding-inline:15px;font-size:.82rem;}
    }
    @media (min-width:1600px){
      .container{width:min(100% - 90px,1600px);}.section{padding-block:96px;}.hero-grid{gap:82px;}.hero-trophy-svg{max-width:470px;}.grid-3{gap:32px;}.section-head h2{font-size:3rem;}
    }
    @media (min-width:2200px){
      html{font-size:18px;}.container{width:min(100% - 150px,1900px);}.site-header{padding-top:24px;}.hero{min-height:680px;display:grid;align-items:center;}.hero-trophy-svg{max-width:540px;}.navbar-inner{max-width:1840px!important;}
    }
    
    /* Repeated visual polish used across every route. */
    .section-alt{background:radial-gradient(circle at 88% 15%,rgba(29,145,255,.11),transparent 26%),linear-gradient(135deg,#f8fcff,#fff 52%,#eef8ff)!important;}
    .section-head h2{color:#062e79;text-shadow:0 8px 20px rgba(6,59,146,.08);}
    .feature-card,.product-card,.service-card,.gallery-card,.stat-card,.faq-item{backdrop-filter:none;}
    .feature-card::before,.service-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#d4a62a,#ffe99d,#0877ef);opacity:.85;}
    /* Phone composition: the hero starts with a deliberate half-height trophy
       glimpse, so it never occupies the complete first mobile screen. */
    @media (max-width:767px){
      .hero{padding:20px 0 34px;min-height:0;}
      .hero-grid{gap:12px;}
      /* Keep the cropped trophy above the location pill — never over it. */
      .hero-visual{order:-1;margin:0 auto 8px;max-width:230px;height:164px;overflow:hidden;align-items:flex-start;}
      .hero-trophy-svg{width:218px;max-width:none;transform:translateY(-17px);}
      .hero-medal-ring{width:218px;height:218px;top:-34px;}
      .hero-platform-glow{width:205px;height:205px;top:-21px;}
      .hero-cursive,.hero-badge-stack{display:none;}
      .hero-eyebrow{font-size:.68rem;padding:6px 10px;margin:0 0 12px;}
      .hero h1{font-size:clamp(1.85rem,9vw,2.45rem);line-height:1.18;margin-bottom:6px;}
      .hero-underline{width:165px;height:12px;margin:0 auto 7px;}
      .hero-sub{font-size:.86rem;line-height:1.6;margin-bottom:17px;}
      .hero-actions{gap:9px;margin-bottom:18px;}
      .hero .btn{padding:10px 13px;font-size:.74rem;gap:6px;}
      .hero-phone{gap:9px;font-size:.76rem;}.hero-phone i{width:34px;height:34px;}.hero-phone strong{font-size:.9rem;}
    }
    
    @media (max-width:390px){
      .hero-visual{height:145px;max-width:208px;margin-bottom:7px;}
      .hero-trophy-svg{width:200px;}.hero-medal-ring{width:198px;height:198px;}
      .hero h1{font-size:1.72rem;}.hero-actions{flex-direction:column;align-items:center;}
    }
    
    /* Mobile contact is a complete floating pop, matching the desktop experience. */
    /* Reserve the lower-right corner for the MyAppz chat widget. */
    @media (min-width:768px){.floating-contact{bottom:142px!important;}}
    @media (max-width:767px){.floating-contact{bottom:116px!important;}}
    @media (max-width:767px){
      .mobile-bar{display:none!important;}
      body{padding-bottom:18px!important;}
      /* All phone widths, including Safari's 739px preview, use the clean lockup. */
      .brand{padding-left:0!important;}
      .brand::before{display:none!important;}
      .floating-contact{display:flex!important;position:fixed!important;right:14px!important;left:auto!important;bottom:18px!important;z-index:1500!important;gap:9px!important;align-items:flex-end!important;}
      .floating-contact .fab{width:48px!important;height:48px!important;border:2px solid #fff!important;font-size:1.08rem!important;box-shadow:0 13px 24px -13px rgba(6,39,94,.6)!important;}
      .floating-contact .fab-call{order:2!important;background:linear-gradient(145deg,#0b76e9,#063b92)!important;}
      .floating-contact .whatsapp-cta{display:flex!important;order:1!important;align-items:center!important;gap:7px!important;}
      .floating-contact .fab-whatsapp{background:linear-gradient(145deg,#2fe375,#159447)!important;}
      .floating-contact .whatsapp-label{display:block!important;padding:8px 11px!important;font-size:.72rem!important;white-space:nowrap!important;}
    }
    
    /* Mid-size tablets/laptops cannot fit seven medal links beside the brand.
       Use the same polished off-canvas menu as phone instead of clipping nav items. */
    @media (min-width:992px) and (max-width:1199px){
      .site-header{padding:10px 14px 0!important;}
      .navbar-inner{min-height:74px!important;padding:8px 14px!important;border-radius:22px!important;overflow:visible!important;}
      /* The compact menu gets one clean logo lockup, not desktop ribbon layers. */
      .navbar-inner::before,.navbar-inner::after,.brand::before,.brand::after{display:none!important;}
      .brand{width:auto!important;min-height:0!important;padding:5px 8px!important;gap:10px!important;background:transparent!important;}
      .brand img{width:52px!important;height:52px!important;}
      .brand-text strong{font-size:1rem!important;max-width:235px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
      .brand-text span{display:block!important;font-size:.62rem!important;}
      .nav-divider{display:none!important;}
      .nav-links{position:fixed!important;inset:0 0 0 auto!important;width:min(320px,86vw)!important;height:100dvh!important;padding:106px 24px 28px!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:4px!important;background:#fff!important;box-shadow:-20px 0 50px rgba(0,0,0,.18)!important;transform:translateX(100%)!important;transition:transform .38s var(--ease)!important;z-index:1601!important;overflow-y:auto!important;}
      .nav-links.is-open{transform:translateX(0)!important;}
      .nav-links a{width:100%!important;height:auto!important;min-height:48px!important;margin:0!important;padding:13px 11px!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;gap:10px!important;border:0!important;border-bottom:1px solid #e5effa!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;font-size:.92rem!important;}
      .nav-links a::before,.nav-links a::after{display:none!important;}
      .nav-links a.is-active{background:#edf7ff!important;color:#063b92!important;}
      .nav-toggle{display:block!important;position:relative!important;z-index:1602!important;}
      .nav-cta{margin-left:auto!important;display:flex!important;flex:0 0 auto!important;gap:8px!important;min-width:0!important;}
      .call-pill{width:44px!important;height:44px!important;padding:5px!important;justify-content:center!important;flex:0 0 44px!important;}.call-pill span{display:none!important;}
      .language-switcher{display:flex!important;flex:0 0 auto!important;padding:7px 10px!important;}.language-switcher>i{display:none!important;}.language-switcher select{font-size:.72rem!important;max-width:62px!important;}
      .nav-toggle{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;flex:0 0 40px!important;}
      .btn-get-started{display:none!important;}
    }
    
    /* Never let a closed off-canvas menu leak a strip of its icons into view. */
    @media (max-width:1199px){
      .nav-links:not(.is-open){right:-360px!important;left:auto!important;transform:none!important;visibility:hidden!important;pointer-events:none!important;}
      .nav-links.is-open{right:0!important;left:auto!important;transform:none!important;visibility:visible!important;pointer-events:auto!important;}
      .floating-contact{right:38px!important;left:auto!important;}
    }
    
    /* Tablet identity: retain the blue crest through 1024px, but keep it compact. */
    @media (min-width:992px) and (max-width:1024px){
      .brand{position:relative!important;isolation:isolate!important;padding-left:10px!important;}
      .brand::after{display:none!important;}
      .brand::before{content:""!important;display:block!important;position:absolute!important;left:-8px!important;top:1px!important;width:57px!important;height:61px!important;z-index:-1!important;opacity:1!important;background:linear-gradient(135deg,#062968 0%,#075ed1 55%,#1299f5 100%)!important;clip-path:polygon(0 10%,76% 0,100% 18%,90% 76%,56% 100%,0 88%)!important;box-shadow:inset -2px 0 0 rgba(255,226,112,.7),0 8px 14px -9px rgba(6,39,94,.5)!important;filter:none!important;}
    }
    
    /* Tablet keeps the large desktop-style crest, while navigation stays in menu form. */
    @media (min-width:768px) and (max-width:1024px){
      .brand{padding-left:16px!important;gap:13px!important;}
      .brand img{width:62px!important;height:62px!important;}
      .brand-text strong{font-size:1.08rem!important;max-width:255px!important;}
      .brand-text span{display:block!important;font-size:.64rem!important;}
      .brand::after{display:block!important;content:""!important;position:absolute!important;left:5px!important;top:2px!important;width:69px!important;height:69px!important;z-index:0!important;border:2px solid rgba(244,205,91,.96)!important;border-radius:50%!important;box-shadow:0 0 0 4px rgba(255,255,255,.94),0 0 0 6px rgba(212,166,42,.58),0 12px 19px -14px rgba(6,39,94,.7)!important;}
      .brand::before{display:block!important;left:-12px!important;top:-6px!important;width:91px!important;height:83px!important;background:linear-gradient(135deg,#062968 0%,#075ed1 55%,#1299f5 100%)!important;clip-path:polygon(0 10%,76% 0,100% 18%,90% 76%,56% 100%,0 88%)!important;}
    }
    
    /* From 1001px upward the full blue-and-gold medal navbar is restored.
       This compact desktop scale keeps every medal visible without clipping. */
    @media (min-width:1001px) and (max-width:1199px){
      .site-header{padding:12px 14px 0!important;}
      .navbar-inner{display:flex!important;min-height:88px!important;padding:8px 12px!important;gap:8px!important;border-radius:32px 18px 32px 18px!important;overflow:visible!important;}
      .navbar-inner::before{display:block!important;width:74px!important;height:86px!important;left:-14px!important;top:0!important;}
      .navbar-inner::after{display:block!important;width:72px!important;height:84px!important;right:-14px!important;top:1px!important;}
      .brand{width:222px!important;min-height:72px!important;padding:6px 8px 6px 15px!important;gap:10px!important;flex:0 0 222px!important;}
      .brand::before{display:block!important;left:-14px!important;top:5px!important;width:58px!important;height:66px!important;}
      .brand::after{display:block!important;left:3px!important;top:4px!important;width:64px!important;height:64px!important;}
      .brand img{width:54px!important;height:54px!important;}
      .brand-text strong{font-size:.98rem!important;max-width:142px!important;}.brand-text span{display:block!important;font-size:.55rem!important;max-width:142px!important;}
      .nav-links,.nav-links:not(.is-open){position:relative!important;inset:auto!important;right:auto!important;left:auto!important;display:flex!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;width:auto!important;height:auto!important;padding:0!important;flex:1 1 auto!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
      .nav-links a{width:47px!important;height:58px!important;min-height:0!important;margin:0!important;padding:7px 2px 5px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;border:2px solid rgba(212,166,42,.78)!important;border-bottom:2px solid rgba(212,166,42,.78)!important;border-radius:48% 48% 44% 44%!important;background:linear-gradient(145deg,#fff,#edf7ff)!important;box-shadow:0 9px 17px -13px rgba(6,39,94,.7)!important;font-size:.51rem!important;line-height:1.03!important;}
      .nav-links a::before{display:block!important;}.nav-links a.is-active{height:66px!important;margin-top:-7px!important;background:linear-gradient(155deg,#129aff,#063881)!important;color:#fff!important;}
      .nav-cta{display:flex!important;gap:6px!important;flex:0 0 auto!important;margin-left:auto!important;}.call-pill{width:40px!important;height:40px!important;padding:4px!important;flex:0 0 40px!important;}.call-pill i{width:31px!important;height:31px!important;}.call-pill span{display:none!important;}.language-switcher{display:flex!important;padding:6px!important;}.language-switcher>i{display:none!important;}.language-switcher select{max-width:47px!important;font-size:.62rem!important;}.btn-get-started,.nav-toggle{display:none!important;}
    }
    
    /* Tablet landscape also keeps real medal navigation; only phone uses hamburger. */
    @media (min-width:768px) and (max-width:1000px){
      .site-header{padding:9px 10px 0!important;}
      .navbar-inner{display:flex!important;min-height:76px!important;padding:7px 9px!important;gap:5px!important;border-radius:24px 16px 24px 16px!important;overflow:visible!important;}
      .navbar-inner::before{display:block!important;width:58px!important;height:74px!important;left:-11px!important;top:0!important;}.navbar-inner::after{display:block!important;width:52px!important;height:72px!important;right:-10px!important;top:1px!important;}
      .brand{width:184px!important;min-height:64px!important;padding:5px 5px 5px 11px!important;gap:7px!important;flex:0 0 184px!important;}
      .brand::before{display:block!important;left:-11px!important;top:2px!important;width:57px!important;height:64px!important;}.brand::after{display:block!important;left:2px!important;top:3px!important;width:60px!important;height:60px!important;}
      .brand img{width:50px!important;height:50px!important;}.brand-text strong{font-size:.83rem!important;max-width:116px!important;}.brand-text span{display:block!important;font-size:.48rem!important;max-width:116px!important;}
      .nav-links,.nav-links:not(.is-open){position:relative!important;inset:auto!important;right:auto!important;left:auto!important;display:flex!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;width:auto!important;height:auto!important;padding:0!important;flex:1 1 auto!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:3px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
      .nav-links a{width:39px!important;height:51px!important;min-height:0!important;margin:0!important;padding:5px 1px 4px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:2px!important;border:2px solid rgba(212,166,42,.78)!important;border-radius:48% 48% 44% 44%!important;background:linear-gradient(145deg,#fff,#edf7ff)!important;box-shadow:0 8px 15px -12px rgba(6,39,94,.68)!important;font-size:.42rem!important;line-height:1.01!important;}
      .nav-links a i{font-size:.72rem!important;}.nav-links a::before{display:block!important;width:17px!important;height:16px!important;top:-9px!important;}.nav-links a::after{display:none!important;}.nav-links a.is-active{height:58px!important;margin-top:-6px!important;background:linear-gradient(155deg,#129aff,#063881)!important;color:#fff!important;}
      .nav-cta{display:flex!important;gap:4px!important;flex:0 0 auto!important;margin-left:auto!important;}.call-pill{width:36px!important;height:36px!important;padding:3px!important;flex:0 0 36px!important;}.call-pill i{width:29px!important;height:29px!important;}.call-pill span{display:none!important;}.language-switcher{display:flex!important;padding:5px!important;}.language-switcher>i{display:none!important;}.language-switcher select{max-width:43px!important;font-size:.57rem!important;}.btn-get-started,.nav-toggle{display:none!important;}
    }
    
    /* Persistent contact controls: phone + WhatsApp, attached at the lower-right on every route. */
    @media(min-width:768px){
      .floating-contact{display:flex!important;right:24px!important;bottom:26px!important;gap:12px!important;align-items:flex-end;}
      .floating-contact .fab{width:58px;height:58px;border:2px solid #fff;box-shadow:0 16px 28px -12px rgba(6,39,94,.55);}
      .floating-contact .fab-call{background:linear-gradient(145deg,#0b76e9,#063b92)!important;order:2;}
      .floating-contact .whatsapp-cta{order:1;align-items:center;}
      .floating-contact .fab-whatsapp{background:linear-gradient(145deg,#2fe375,#159447)!important;}
      .floating-contact .whatsapp-label{font-size:.82rem;padding:9px 14px;border:1px solid rgba(7,93,219,.14);}
    }
    
    /* Product photography across every route: no empty icon-only option cards. */
    #productGrid .product-card .product-media::before,#homeProductGrid .product-card .product-media::before{background-size:400% 300%;background-image:linear-gradient(180deg,rgba(255,255,255,.02),rgba(4,39,94,.16)),url('../images/brand/gallery-lookbook-v1.png');}
    #productGrid .product-card:nth-child(1) .product-media::before{background-position:0 0;}#productGrid .product-card:nth-child(2) .product-media::before{background-position:33.333% 0;}#productGrid .product-card:nth-child(3) .product-media::before{background-position:66.667% 0;}#productGrid .product-card:nth-child(4) .product-media::before{background-position:100% 0;}
    #productGrid .product-card:nth-child(5) .product-media::before{background-image:url('../images/brand/custom-mementos-v2.png');background-size:cover;background-position:20% center;}#productGrid .product-card:nth-child(6) .product-media::before{background-image:url('../images/brand/engraving-plaques-v1.png');background-size:cover;background-position:70% center;}
    #productGrid .product-card:nth-child(7) .product-media::before{background-position:0 50%;}#productGrid .product-card:nth-child(8) .product-media::before{background-position:33.333% 50%;}#productGrid .product-card:nth-child(9) .product-media::before{background-position:66.667% 50%;}#productGrid .product-card:nth-child(10) .product-media::before{background-position:33.333% 100%;}#productGrid .product-card:nth-child(11) .product-media::before{background-position:100% 50%;}#productGrid .product-card:nth-child(12) .product-media::before{background-position:66.667% 100%;}#productGrid .product-card:nth-child(13) .product-media::before{background-position:0 100%;}#productGrid .product-card:nth-child(14) .product-media::before{background-position:100% 100%;}#productGrid .product-card:nth-child(15) .product-media::before{background-image:url('../images/brand/contact-presentation-v1.png');background-size:cover;background-position:center;}
    #homeProductGrid .product-card:nth-child(1) .product-media::before{background-position:100% 0;}#homeProductGrid .product-card:nth-child(2) .product-media::before{background-position:0 50%;}#homeProductGrid .product-card:nth-child(3) .product-media::before{background-position:33.333% 50%;}#homeProductGrid .product-card:nth-child(4) .product-media::before{background-position:66.667% 50%;}#homeProductGrid .product-card:nth-child(5) .product-media::before{background-position:0 100%;}#homeProductGrid .product-card:nth-child(6) .product-media::before{background-position:100% 100%;}
    #servicesGrid .feature-card,#aboutRange .cat-tile{background-repeat:no-repeat;background-size:170% 130%;background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 50%,rgba(255,255,255,.2) 100%),url('../images/brand/gallery-lookbook-v1.png');}
    #servicesGrid .feature-card:nth-child(1),#aboutRange .cat-tile:nth-child(1){background-position:right top;}#servicesGrid .feature-card:nth-child(2),#aboutRange .cat-tile:nth-child(2){background-position:33% top;}#servicesGrid .feature-card:nth-child(3),#aboutRange .cat-tile:nth-child(3){background-position:66% top;}#servicesGrid .feature-card:nth-child(4),#aboutRange .cat-tile:nth-child(4){background-position:right 50%;}#servicesGrid .feature-card:nth-child(5),#aboutRange .cat-tile:nth-child(5){background-position:left 50%;}#servicesGrid .feature-card:nth-child(6),#aboutRange .cat-tile:nth-child(6){background-position:33% 50%;}#servicesGrid .feature-card:nth-child(7){background-position:66% 50%;}#servicesGrid .feature-card:nth-child(8){background-position:right 100%;}#servicesGrid .feature-card:nth-child(9){background-position:left 100%;}#servicesGrid .feature-card:nth-child(10){background-position:66% 100%;}
    #servicesGrid .feature-card:nth-child(2){background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 50%,rgba(255,255,255,.2) 100%),url('../images/brand/custom-mementos-v2.png');background-size:cover;}#servicesGrid .feature-card:nth-child(5){background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 50%,rgba(255,255,255,.2) 100%),url('../images/brand/engraving-plaques-v1.png');background-size:cover;}
    @media(max-width:767px){#servicesGrid .feature-card,#aboutRange .cat-tile{background-size:220% 150%;background-position:right center!important;}}
    
    /* Home categories, reasons and occasions now carry artwork too. */
    #homeCategories .cat-tile,#homeFeatures .feature-card{background-repeat:no-repeat;background-size:175% 135%;background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 52%,rgba(255,255,255,.18) 100%),url('../images/brand/gallery-lookbook-v1.png');}
    #homeCategories .cat-tile:nth-child(1),#homeFeatures .feature-card:nth-child(1){background-position:0 0;}#homeCategories .cat-tile:nth-child(2),#homeFeatures .feature-card:nth-child(2){background-position:33% 0;}#homeCategories .cat-tile:nth-child(3),#homeFeatures .feature-card:nth-child(3){background-position:66% 0;}#homeCategories .cat-tile:nth-child(4),#homeFeatures .feature-card:nth-child(4){background-position:right 0;}#homeCategories .cat-tile:nth-child(5),#homeFeatures .feature-card:nth-child(5){background-position:0 100%;}#homeCategories .cat-tile:nth-child(6),#homeFeatures .feature-card:nth-child(6){background-position:right 100%;}
    #homeCategories .cat-tile:nth-child(2),#homeFeatures .feature-card:nth-child(2){background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 52%,rgba(255,255,255,.18) 100%),url('../images/brand/custom-mementos-v2.png');background-size:cover;}#homeCategories .cat-tile:nth-child(5),#homeFeatures .feature-card:nth-child(5){background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 52%,rgba(255,255,255,.18) 100%),url('../images/brand/engraving-plaques-v1.png');background-size:cover;}
    #homeOccasions .occasion-card{min-height:148px;background-image:linear-gradient(180deg,rgba(255,255,255,.62),rgba(238,247,255,.9)),url('../images/brand/gallery-lookbook-v1.png');background-size:360% 280%;background-repeat:no-repeat;}
    #homeOccasions .col-lg-2:nth-child(1) .occasion-card{background-position:0 0;}#homeOccasions .col-lg-2:nth-child(2) .occasion-card{background-position:33% 0;}#homeOccasions .col-lg-2:nth-child(3) .occasion-card{background-position:66% 0;}#homeOccasions .col-lg-2:nth-child(4) .occasion-card{background-position:right 0;}#homeOccasions .col-lg-2:nth-child(5) .occasion-card{background-position:0 50%;}#homeOccasions .col-lg-2:nth-child(6) .occasion-card{background-position:33% 50%;}#homeOccasions .col-lg-2:nth-child(7) .occasion-card{background-position:66% 50%;}#homeOccasions .col-lg-2:nth-child(8) .occasion-card{background-position:right 50%;}#homeOccasions .col-lg-2:nth-child(9) .occasion-card{background-position:0 100%;}#homeOccasions .col-lg-2:nth-child(10) .occasion-card{background-position:66% 100%;}
    @media(max-width:767px){#homeCategories .cat-tile,#homeFeatures .feature-card{background-size:220% 150%;background-position:right center!important;}}
    
    /* Faint product photography in every page title area, kept behind readable text. */
    .page-hero{isolation:isolate;overflow:hidden;}
    .page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,252,255,.94),rgba(234,246,255,.74)),url('../images/brand/about-workshop-v1.png') center 43%/cover no-repeat;opacity:.36;pointer-events:none;z-index:0;}
    .page-hero .container{position:relative;z-index:2;}
    body[data-page="about"] .page-hero::before{background-image:linear-gradient(90deg,rgba(248,252,255,.94),rgba(234,246,255,.76)),url('../images/brand/about-workshop-v1.png');}
    body[data-page="products"] .page-hero::before{background-image:linear-gradient(90deg,rgba(248,252,255,.94),rgba(234,246,255,.76)),url('../images/brand/gallery-lookbook-v1.png');background-position:center 28%;}
    body[data-page="services"] .page-hero::before{background-image:linear-gradient(90deg,rgba(248,252,255,.94),rgba(234,246,255,.76)),url('../images/brand/services-engraving-v1.png');background-position:center 48%;}
    body[data-page="gallery"] .page-hero::before{background-image:linear-gradient(90deg,rgba(248,252,255,.94),rgba(234,246,255,.76)),url('../images/brand/gallery-lookbook-v1.png');background-position:center 72%;}
    body[data-page="customization"] .page-hero::before{background-image:linear-gradient(90deg,rgba(248,252,255,.94),rgba(234,246,255,.76)),url('../images/brand/custom-mementos-v2.png');background-position:center 48%;}
    body[data-page="contact"] .page-hero::before{background-image:linear-gradient(90deg,rgba(248,252,255,.94),rgba(234,246,255,.76)),url('../images/brand/contact-presentation-v1.png');background-position:center 42%;}
    
    /* Actual acrylic and presentation work supplied by the team. */
    .real-work-section{background:linear-gradient(180deg,#fff 0%,#f2f8ff 100%);}
    .real-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
    .real-work-card{overflow:hidden;background:#fff;border:1px solid rgba(7,93,219,.15);border-radius:22px;box-shadow:0 18px 34px -28px rgba(5,42,99,.72);transition:transform .25s ease,box-shadow .25s ease;}
    .real-work-card:hover{transform:translateY(-5px);box-shadow:0 23px 37px -25px rgba(5,42,99,.6);}
    .real-work-card img{display:block;width:100%;height:230px;object-fit:contain;object-position:center;background:linear-gradient(140deg,#fff,#f3f8ff);padding:9px;}
    .real-work-card div{padding:16px 16px 18px;}
    .real-work-card span{display:block;margin-bottom:4px;color:#1266cf;font-weight:800;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;}
    .real-work-card h4{margin:0;color:#082e70;font-size:1rem;line-height:1.25;}
    .section-action{text-align:center;margin-top:28px;}
    
    /* Founder and director messages on About Us. */
    .leadership-section{background:linear-gradient(180deg,#f8fcff 0%,#fff 100%);}
    .leadership-grid{display:grid;grid-template-columns:1fr;gap:32px;max-width:1120px;margin:0 auto;}
    .leader-card{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);min-height:490px;overflow:hidden;border:1px solid rgba(7,93,219,.16);border-radius:30px;background:#fff;box-shadow:0 26px 50px -34px rgba(4,36,87,.72);}
    .leader-card-director{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);}
    .leader-card-director .leader-photo{order:2;}.leader-card-director .leader-copy{order:1;}
    .leader-photo{min-height:490px;background:#eaf5ff;overflow:hidden;}
    .leader-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 25%;}
    .leader-photo-director img{object-position:center center;}
    .leader-copy{display:flex;flex-direction:column;justify-content:center;padding:54px 54px;}
    .leader-copy .section-kicker{margin-bottom:10px;}
    .leader-copy h3{margin:0 0 18px;color:#082e70;font-size:clamp(1.55rem,2.3vw,2.15rem);line-height:1.16;}
    .leader-copy p{margin:0 0 24px;color:#53627a;line-height:1.78;font-size:clamp(1rem,1.28vw,1.16rem);}
    .leader-copy strong{color:#0b5fc4;font-size:1rem;}
    
    @media(max-width:1020px){.real-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.leader-card,.leader-card-director{grid-template-columns:280px minmax(0,1fr);min-height:410px;}.leader-card-director .leader-photo,.leader-card-director .leader-copy{order:initial;}.leader-photo{min-height:410px;}.leader-copy{padding:36px 34px;}}
    @media(max-width:640px){.real-work-grid,.leadership-grid{grid-template-columns:1fr;}.real-work-card img{height:250px;}.leader-card,.leader-card-director{grid-template-columns:1fr;min-height:0;}.leader-photo,.leader-card-director .leader-photo{height:390px;min-height:0;order:initial;}.leader-photo img{object-position:center 20%;}.leader-copy{padding:28px 23px;}.page-hero::before{background-position:center;opacity:.26;}}
    
    /* ==========================================================
       HOMEPAGE SLIDER - CLEAN FINAL CSS
       ========================================================== */
    
    /* Mobile par old trophy hero hide */
    @media (max-width: 767px) {
        body[data-page="home"] .hero-visual {
            display: none !important;
        }
    
        body[data-page="home"] .hero-grid {
            grid-template-columns: minmax(0, 1fr);
            gap: 0;
        }
    }
    
    
    /* ==========================================================
       MAIN SLIDER
       ========================================================== */
    
    .mobile-hero-slider {
        display: block;
        width: 90vw;
        max-width: 1400px;
        margin: 18px auto 22px;
        position: relative;
        z-index: 3;
        overflow: hidden;
    }
    
    .mobile-hero-slider__viewport {
        position: relative;
        width: 100%;
        height: 55vh;
    
        overflow: hidden;
        border: 1px solid rgba(212, 166, 42, .48);
        border-radius: 20px;
        background: #edf7ff;
    
        box-shadow:
            0 18px 34px -22px rgba(6, 39, 94, .72),
            inset 0 1px 0 #fff;
    
        touch-action: pan-y;
    }
    
    
    /* ==========================================================
       SLIDER TRACK
       ========================================================== */
    
    .mobile-hero-slider__track {
        display: flex;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    
        transition: transform .55s cubic-bezier(.22, .61, .36, 1);
        will-change: transform;
    }
    
    
    /* ==========================================================
       EACH SLIDE
       ========================================================== */
    
    .mobile-hero-slider__slide {
        flex: 0 0 100%;
        width: 100%;
        min-width: 100%;
        height: 100%;
    
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    
    
    /* ==========================================================
       SLIDER IMAGE
       ========================================================== */
    
    .mobile-hero-slider__slide img {
        display: block;
        width: 100%;
        height: 100%;
        max-width: none;
    
        object-fit: contain;
        object-position: center;
        background: #fff;
    }
    
    
    /* ==========================================================
       SLIDER ARROWS
       ========================================================== */
    
    .mobile-hero-slider__arrow {
        position: absolute;
        top: 50%;
        z-index: 4;
    
        width: 42px;
        height: 42px;
        padding: 0;
    
        display: grid;
        place-items: center;
    
        border: 1px solid rgba(255, 255, 255, .9);
        border-radius: 50%;
    
        background: rgba(6, 59, 146, .88);
        color: #fff;
    
        box-shadow: 0 8px 18px -8px rgba(6, 39, 94, .8);
    
        transform: translateY(-50%);
        cursor: pointer;
    }
    
    .mobile-hero-slider__arrow--prev {
        left: 14px;
    }
    
    .mobile-hero-slider__arrow--next {
        right: 14px;
    }
    
    
    /* ==========================================================
       SLIDER DOTS
       ========================================================== */
    
    .mobile-hero-slider__dots {
        display: flex;
        justify-content: center;
        align-items: center;
    
        gap: 8px;
        min-height: 18px;
        padding-top: 9px;
    }
    
    .mobile-hero-slider__dots button {
        width: 8px;
        height: 8px;
    
        padding: 0;
        border: 0;
        border-radius: 999px;
    
        background: #9ebddd;
        cursor: pointer;
    
        transition:
            width .25s ease,
            background .25s ease;
    }
    
    .mobile-hero-slider__dots button.is-active {
        width: 24px;
        background: linear-gradient(90deg, #d4a62a, #1768d1);
    }
    
    
    /* ==========================================================
       TABLET
       ========================================================== */
    
    @media (min-width: 768px) and (max-width: 991px) {
    
        .mobile-hero-slider {
            width: calc(100% - 30px);
            margin: 15px auto 20px;
        }
    
        .mobile-hero-slider__viewport {
            height: 55vh;
            border-radius: 18px;
        }
    }
    
    
   /* ==========================================================
   MOBILE - FINAL CLEAN SLIDER
   ========================================================== */

@media (max-width: 767px) {

    /* SLIDER WIDTH */
    body[data-page="home"] .mobile-hero-slider {
        width: 92% !important;
        max-width: 92% !important;
        height: auto !important;
        margin: 12px auto 16px !important;
    }

    /* SLIDER HEIGHT - MAIN CONTROL */
    body[data-page="home"] .mobile-hero-slider__viewport {
        width: 100% !important;

        /* ===== HEIGHT YAHA SE CHANGE KARNA ===== */
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;

        aspect-ratio: auto !important;
        overflow: hidden !important;
        border-radius: 16px !important;
    }

    /* TRACK */
    body[data-page="home"] .mobile-hero-slider__track {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
    }

    /* EACH SLIDE */
    body[data-page="home"] .mobile-hero-slider__slide {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;

        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;

        overflow: hidden !important;
    }

    /* IMAGE */
    body[data-page="home"] .mobile-hero-slider__slide img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        min-height: 0 !important;
        max-height: 100% !important;

        object-fit: cover !important;
        object-position: center !important;
    }

    /* ARROWS */
    body[data-page="home"] .mobile-hero-slider__arrow {
        width: 34px !important;
        height: 34px !important;
        font-size: .76rem !important;
    }

    body[data-page="home"] .mobile-hero-slider__arrow--prev {
        left: 8px !important;
    }

    body[data-page="home"] .mobile-hero-slider__arrow--next {
        right: 8px !important;
    }

    /* FLOATING CONTACT */
    .floating-contact {
        bottom: 88px !important;
    }
}


/* ==========================================================
   VERY SMALL PHONE
   Slider height ko alag se override NAHI karna
   ========================================================== */

@media (max-width: 360px) {

    body[data-page="home"] .mobile-hero-slider {
        width: 94% !important;
        max-width: 94% !important;
    }

    body[data-page="home"] .mobile-hero-slider__arrow {
        width: 30px !important;
        height: 30px !important;
    }
}

/* ==========================================================
   FINAL RESPONSIVE MOBILE SLIDER
   PASTE AT VERY END OF responsive.css
   ========================================================== */

@media screen and (max-width: 767px) {

    /* ===== SLIDER WIDTH ===== */
    html body[data-page="home"] .mobile-hero-slider {
        width: 94% !important;
        max-width: 94% !important;
        margin: 12px auto 16px !important;
    }

    /* ===== RESPONSIVE SLIDER HEIGHT ===== */
    html body[data-page="home"] .mobile-hero-slider__viewport {
        width: 100% !important;

        /* PHONE SIZE KE HISAB SE HEIGHT AUTO CHANGE HOGI */
        height: clamp(180px, 60vw, 260px) !important;
        min-height: 0 !important;
        max-height: 260px !important;

        aspect-ratio: auto !important;
        overflow: hidden !important;
        border-radius: 16px !important;
    }

    /* ===== TRACK ===== */
    html body[data-page="home"] .mobile-hero-slider__track {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
    }

    /* ===== EACH SLIDE ===== */
    html body[data-page="home"] .mobile-hero-slider__slide {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;

        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;

        overflow: hidden !important;
    }

    /* ===== RESPONSIVE IMAGE ===== */
    html body[data-page="home"] .mobile-hero-slider__slide img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 100% !important;
        max-height: 100% !important;

        /* PURI IMAGE DIKHEGI, STRETCH NAHI HOGI */
        object-fit: contain !important;
        object-position: center center !important;

        margin: 0 auto !important;
        background: #fff !important;
    }
}


/* ===== VERY SMALL PHONE ===== */
@media screen and (max-width: 360px) {

    html body[data-page="home"] .mobile-hero-slider {
        width: 94% !important;
        max-width: 94% !important;
    }

}
/* ==========================================================
   FINAL MOBILE SLIDER IMAGE FIX
   ========================================================== */

@media screen and (max-width: 767px) {

    html body[data-page="home"] .mobile-hero-slider {
        width: calc(100% - 24px) !important;
        max-width: none !important;
        margin: 12px auto 16px !important;
    }

    html body[data-page="home"] .mobile-hero-slider__viewport {
        width: 100% !important;

        /* SLIDER HEIGHT */
        height: 230px !important;
        min-height: 230px !important;
        max-height: 230px !important;

        overflow: hidden !important;
        border-radius: 16px !important;
        background: #fff !important;
    }

    html body[data-page="home"] .mobile-hero-slider__track,
    html body[data-page="home"] .mobile-hero-slider__slide {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
    }

    html body[data-page="home"] .mobile-hero-slider__slide img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 100% !important;
        max-height: 100% !important;

        /* IMPORTANT: IMAGE CROP NAHI HOGI */
        object-fit: contain !important;
        object-position: center center !important;

        background: #fff !important;
    }
}

/* SMALL PHONES */
@media screen and (max-width: 360px) {

    html body[data-page="home"] .mobile-hero-slider__viewport {
        height: 210px !important;
        min-height: 210px !important;
        max-height: 210px !important;
    }
}
/* ==========================================================
   ABSOLUTE FINAL MOBILE SLIDER IMAGE RESPONSIVE FIX
   ========================================================== */

@media screen and (max-width: 767px) {

    html body[data-page="home"] div.mobile-hero-slider {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    html body[data-page="home"] div.mobile-hero-slider__viewport {
        width: 100% !important;

        /* Responsive height */
        height: clamp(190px, 58vw, 240px) !important;
        min-height: 190px !important;
        max-height: 240px !important;

        overflow: hidden !important;
        background: #ffffff !important;
    }

    html body[data-page="home"] div.mobile-hero-slider__track,
    html body[data-page="home"] figure.mobile-hero-slider__slide {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
    }

    html body[data-page="home"] figure.mobile-hero-slider__slide > img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 100% !important;
        max-height: 100% !important;

        /* IMPORTANT — FULL IMAGE, NO CROPPING */
        object-fit: contain !important;
        object-position: center center !important;

        margin: 0 auto !important;
        background: #ffffff !important;
    }
}
@media (max-width: 767px) {

    html body[data-page="home"]
    .mobile-hero-slider__slide img {

        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
        object-position: center !important;
    }
}

/* ==========================================================
   FINAL MOBILE SLIDER - CONTAINER FITS IMAGE
   ========================================================== */

@media screen and (max-width: 767px) {

    html body[data-page="home"] .mobile-hero-slider {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin: 12px auto 16px !important;
        overflow: visible !important;
    }

    /* CONTAINER KO FIXED HEIGHT SE FREE KARO */
    html body[data-page="home"] .mobile-hero-slider__viewport {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: auto !important;
        overflow: hidden !important;

        border-radius: 16px !important;
        background: transparent !important;
    }

    /* TRACK */
    html body[data-page="home"] .mobile-hero-slider__track {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        align-items: flex-start !important;
    }

    /* SLIDE */
    html body[data-page="home"] .mobile-hero-slider__slide {
        flex: 0 0 100% !important;

        width: 100% !important;
        min-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* IMAGE HI CONTAINER KI HEIGHT BANAYEGI */
    html body[data-page="home"] .mobile-hero-slider__slide > img {
        display: block !important;

        width: 100% !important;
        height: auto !important;

        min-height: 0 !important;
        max-height: none !important;
        max-width: 100% !important;

        object-fit: initial !important;
        object-position: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }
}
@media screen and (max-width: 767px) {

    html body[data-page="home"]
    .mobile-hero-slider__slide > img {

        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
        object-position: center center !important;

        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 100% !important;
        max-height: 100% !important;
    }
}
/* ==========================================
   FINAL AUTO HEIGHT SLIDER - MOBILE
   IMAGE KE HISAB SE CONTAINER HEIGHT
   ========================================== */

@media screen and (max-width: 767px) {

    body[data-page="home"] .mobile-hero-slider {
        width: calc(100% - 20px) !important;
        height: auto !important;
        margin: 12px auto 16px !important;
        overflow: visible !important;
    }

    body[data-page="home"] .mobile-hero-slider__viewport {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: auto !important;
        overflow: hidden !important;
        border-radius: 16px !important;
    }

    body[data-page="home"] .mobile-hero-slider__track {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        display: flex !important;
        align-items: flex-start !important;
    }

    body[data-page="home"] .mobile-hero-slider__slide {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    body[data-page="home"] .mobile-hero-slider__slide img {
        display: block !important;

        width: 100% !important;
        height: auto !important;

        min-height: 0 !important;
        max-height: none !important;

        object-fit: contain !important;
        object-position: center !important;

        margin: 0 !important;
    }
}

/* =========================================================
   FINAL RESPONSIVE SLIDER
   CONTAINER HEIGHT = IMAGE HEIGHT
   DESKTOP + TABLET + MOBILE
   ========================================================= */

body[data-page="home"] .mobile-hero-slider {
    width: 90vw !important;
    max-width: 1400px !important;
    height: auto !important;
    margin: 18px auto 22px !important;
    overflow: visible !important;
}

body[data-page="home"] .mobile-hero-slider__viewport {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;

    overflow: hidden !important;
    border-radius: 20px !important;
}

body[data-page="home"] .mobile-hero-slider__track {
    display: flex !important;
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    align-items: flex-start !important;
}

body[data-page="home"] .mobile-hero-slider__slide {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

body[data-page="home"] .mobile-hero-slider__slide img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    min-height: 0 !important;
    max-height: none !important;

    object-fit: contain !important;
    object-position: center !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 991px) {

    body[data-page="home"] .mobile-hero-slider {
        width: calc(100% - 30px) !important;
    }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px) {

    body[data-page="home"] .mobile-hero-slider {
        width: calc(100% - 20px) !important;
        margin: 12px auto 16px !important;
    }

    body[data-page="home"] .mobile-hero-slider__viewport {
        border-radius: 16px !important;
    }
}
/* ===== SLIDER BACKGROUND BLUE ===== */

body[data-page="home"] .mobile-hero-slider__viewport,
body[data-page="home"] .mobile-hero-slider__track,
body[data-page="home"] .mobile-hero-slider__slide {
    background: #063b92 !important;
}

body[data-page="home"] .mobile-hero-slider__slide img {
    background: #063b92 !important;
}

/* Slider letterbox background — Paaras blue palette */
.mobile-hero-slider__viewport{background:linear-gradient(135deg,#0b3e85 0%,#1768d1 100%)!important;}
@media(min-width:992px){.mobile-hero-slider__slide img{background:linear-gradient(135deg,#0b3e85 0%,#1768d1 100%)!important;}}


/* Final slider frame lock: blue letterbox, fixed responsive height */
body[data-page="home"] .mobile-hero-slider__viewport,
body[data-page="home"] .mobile-hero-slider__track,
body[data-page="home"] .mobile-hero-slider__slide{height:450px!important;}
body[data-page="home"] .mobile-hero-slider__slide img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#063b92!important;}
@media(max-width:991px){body[data-page="home"] .mobile-hero-slider__viewport,body[data-page="home"] .mobile-hero-slider__track,body[data-page="home"] .mobile-hero-slider__slide{height:218px!important;}}
@media(max-width:767px){body[data-page="home"] .mobile-hero-slider__viewport,body[data-page="home"] .mobile-hero-slider__track,body[data-page="home"] .mobile-hero-slider__slide{height:168px!important;}}
@media(max-width:360px){body[data-page="home"] .mobile-hero-slider__viewport,body[data-page="home"] .mobile-hero-slider__track,body[data-page="home"] .mobile-hero-slider__slide{height:148px!important;}}