/* Coordinates follow the supplied 855 × 567 homepage reference. */
.home-page{margin:0;background:#031c15;color:#f3f1e8;font-family:Georgia,'Times New Roman',serif}
.home-stage{--u:calc(100vw / 855);position:relative;width:100%;min-height:calc(567 * var(--u));background:linear-gradient(90deg,#001b14d9,#001b1440 75%),linear-gradient(0deg,#00170faa,transparent 55%),#031c15 url('../images/gallery/landscape.webp') center/cover no-repeat;overflow:hidden;-webkit-font-smoothing:antialiased}
.home-page a{text-decoration:none;color:inherit}
.home-page a:focus-visible,.home-page summary:focus-visible{outline:2px solid #e0b553;outline-offset:5px}
.home-skip{position:absolute;left:20px;top:-100px;z-index:50;padding:12px;background:#092b20}
.home-skip:focus{top:10px}
.home-header{position:relative;z-index:10;height:calc(90 * var(--u))}
.home-art{position:relative;overflow:hidden;display:block}
.home-art img{position:absolute;max-width:none;width:calc(855 * var(--u));height:calc(567 * var(--u))}
.home-logo{position:absolute;left:calc(18 * var(--u));top:calc(18 * var(--u));width:calc(201 * var(--u));height:calc(43 * var(--u));display:flex;align-items:center}
.home-logo img{display:block;width:100%;height:auto;filter:brightness(0) invert(1)}
.home-nav{position:absolute;left:calc(300 * var(--u));top:calc(32 * var(--u));display:flex;align-items:center;gap:calc(25 * var(--u));white-space:nowrap;font-size:calc(11 * var(--u))}
.home-nav a{position:relative;padding-bottom:calc(10 * var(--u))}
.home-nav a[aria-current]::after,.home-nav a:hover::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ddb950,transparent);box-shadow:0 2px 7px #e9c26966}
.home-mobile-menu{display:none}
.home-copy{position:absolute;left:max(24px,calc((100% - 1240px) / 2 + 24px));top:calc(124 * var(--u));width:calc(405 * var(--u))}
.home-copy h1{margin:0;font-size:calc(46 * var(--u));line-height:1.02;font-weight:400;letter-spacing:calc(-1.2 * var(--u))}
.home-copy h1 em{color:#e0b353;font-weight:400}
.home-subtitle{position:relative;margin:calc(18 * var(--u)) 0 0;color:#e1b758;font-size:calc(19 * var(--u));line-height:1.2;white-space:nowrap}
.home-subtitle::before{content:'';position:absolute;top:calc(-10 * var(--u));left:0;width:calc(242 * var(--u));height:1px;background:linear-gradient(90deg,#c09c42,transparent)}
.home-description{margin:calc(9 * var(--u)) 0 0;font-size:calc(13 * var(--u));line-height:1.5}
.home-partner{display:inline-flex;align-items:center;justify-content:center;gap:calc(13 * var(--u));margin-top:calc(19 * var(--u));width:calc(151 * var(--u));height:calc(35 * var(--u));border:1px solid #ae914d;border-radius:calc(6 * var(--u));background:#071e1680;font:calc(12 * var(--u)) Arial,sans-serif}
.home-partner span{color:#d6b151;font-size:calc(20 * var(--u))}
.home-partner:hover{background:#163c2c}
.home-product{position:absolute;left:calc(632 * var(--u));top:calc(135 * var(--u));width:calc(184 * var(--u));height:calc(301 * var(--u));border:1px solid #9c7e37;border-radius:calc(9 * var(--u));background:linear-gradient(140deg,#031c14,#0c3020 65%,#03150f);box-shadow:0 2px 8px #0008;overflow:hidden}
.home-product h2{position:relative;z-index:1;margin:calc(11 * var(--u)) calc(18 * var(--u)) 0;font-size:calc(23 * var(--u));line-height:1.3;font-weight:400;white-space:nowrap}
.home-product h2 span{color:#e0b34f}
.home-product h2::after{content:'';display:block;height:1px;background:linear-gradient(90deg,#b58e32,transparent);margin-top:calc(2 * var(--u))}
.home-product p{position:relative;z-index:1;margin:calc(6 * var(--u)) calc(18 * var(--u));font:calc(11.8 * var(--u))/1.5 Arial,sans-serif;white-space:nowrap}
.home-product-art{position:absolute;left:calc(3 * var(--u));top:calc(89 * var(--u));width:calc(176 * var(--u));height:calc(164 * var(--u));mask-image:linear-gradient(180deg,transparent,#000 7%,#000 94%,transparent)}
.home-product-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.home-learn{position:absolute;left:calc(42 * var(--u));bottom:calc(15 * var(--u));display:flex;align-items:center;justify-content:center;width:calc(99 * var(--u));height:calc(29 * var(--u));border:1px solid #c39335;border-radius:calc(3 * var(--u));background:linear-gradient(110deg,#bd8e2e,#f2ce67,#c3993b);color:#092115!important;box-shadow:0 4px 20px #e5b24520;font:600 calc(12 * var(--u)) Arial,sans-serif}
.home-learn:hover{filter:brightness(1.12)}
.home-certifications{position:absolute;left:calc(77 * var(--u));top:calc(460 * var(--u));width:calc(623 * var(--u));height:calc(88 * var(--u));border:1px solid #8d8f5b50;border-radius:calc(12 * var(--u));background:linear-gradient(100deg,#0b241b9c,#13261b55);display:flex;align-items:center}
.home-certifications h2{font-size:calc(19 * var(--u));line-height:1.05;font-weight:400;margin-left:calc(24 * var(--u));width:calc(161 * var(--u));border-right:1px solid #a28641;padding:calc(3 * var(--u)) 0}
.home-certification{position:absolute;overflow:hidden;display:flex;align-items:center;justify-content:center}
.home-made{left:calc(212 * var(--u));top:calc(14 * var(--u));width:calc(110 * var(--u));height:calc(59 * var(--u))}
.home-made img{position:absolute;max-width:none;width:calc(121 * var(--u));height:calc(121 * var(--u));left:calc(-5.5 * var(--u));top:calc(-31 * var(--u));filter:invert(1);mix-blend-mode:screen}
.home-iso{left:calc(358 * var(--u));top:calc(8 * var(--u));width:calc(74 * var(--u));height:calc(72 * var(--u))}
.home-iso img{width:100%;height:100%;object-fit:contain}
.home-swachh{left:calc(468 * var(--u));top:calc(12 * var(--u));width:calc(127 * var(--u));height:calc(64 * var(--u))}
.home-swachh img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}
@media(min-width:701px){
 .home-certifications{left:calc((100% - 623 * var(--u)) / 2)}
 .home-product{--u:min(calc(100vw / 855),calc((100svh - 144px) / 301));left:auto;right:max(24px,calc((100% - 1240px) / 2 + 24px));top:max(112px,min(calc(135 * 100vw / 855),calc(100svh - 301 * var(--u) - 24px)))}
}
@media(max-width:700px){
 .home-stage{--u:1px;min-height:100svh;background-size:auto 760px;background-position:48% top;padding-top:90px;padding-bottom:25px}
 .home-stage::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#021c1455,transparent 50%,#031c15 85%);pointer-events:none}
 .home-header{height:90px}.home-logo{left:18px;top:18px}
 .home-nav{display:none}.home-mobile-menu{display:block;position:absolute;right:20px;top:28px;font:14px Arial,sans-serif}
 .home-mobile-menu summary{cursor:pointer;border:1px solid #ac9046;border-radius:5px;padding:9px;list-style:none}.home-mobile-menu summary::-webkit-details-marker{display:none}
 .home-mobile-menu nav{position:absolute;top:48px;right:0;width:190px;padding:12px 20px;background:#08251b;border:1px solid #806e38;border-radius:6px;box-shadow:0 10px 20px #0006}.home-mobile-menu nav a{display:block;padding:12px 0}
 .home-copy{position:relative;left:auto;top:auto;width:auto;margin:32px 20px 0}.home-copy h1{font-size:clamp(38px,10vw,54px)}
 .home-subtitle{font-size:19px;white-space:normal;max-width:360px}.home-description{font-size:14px;line-height:1.6;max-width:360px}.home-linebreak{display:none}
 .home-partner{width:158px;height:42px;font-size:13px}
 .home-product{position:relative;left:auto;top:auto;margin:44px auto 28px;--u:1.25px;flex-shrink:0}
 .home-certifications{position:relative;left:auto;top:auto;margin:0 18px;width:calc(100% - 36px);height:auto;min-height:155px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:16px 8px}
 .home-certifications h2{width:100%;margin:0 0 5px;border:0;text-align:center;font-size:21px}.home-certifications h2 br{display:none}.home-certifications h2 br::after{content:' '}
 .home-certification{position:relative;left:auto;top:auto;flex-shrink:0;--u:.8px}
}


/* Match the shared navbar gutter on narrow tablets. */
@media(min-width:701px) and (max-width:767px){.home-copy{left:20px}.home-product{right:20px}}
