*{box-sizing:border-box}html{background:#fff}body{margin:0;color:#00253e;font-family:Georgia,"Times New Roman",serif}.site{width:100%;max-width:none;margin:0;min-height:100vh;display:flex;flex-direction:column}.header,footer{background:#00253b;color:#fff}.header{height:122px;position:relative;flex-shrink:0;z-index:2}.logo{position:absolute;width:230px;height:230px;object-fit:contain;top:10px;left:55px}.header nav{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:52px;padding:0 55px}.header nav a{color:#fff;text-decoration:none;font-size:21px;padding:10px 0}.header nav a[aria-current]{color:#dba327;border-bottom:3px solid #dba327}a:focus-visible{outline:3px solid #dba327;outline-offset:6px}.home-hero{position:relative;background:url('../images/home-hero.jpg') center center/cover no-repeat;min-height:790px;flex:1}.contact{position:absolute;left:52px;bottom:26px;color:#fff;text-shadow:0 2px 5px #000}.contact h1{font-size:29px;font-weight:400;margin:0 0 12px}.contact h1:after{content:"";display:block;width:52px;height:3px;background:#c49222;margin-top:10px}.contact a{color:#fff;font-size:25px;text-decoration:none}footer{padding:30px 52px;font-size:18px;min-height:84px}.payment .logo{left:50%;transform:translateX(-50%)}.payment-hero{height:132px;background:url('../images/payment-hero.jpg') center 54%/cover no-repeat;flex-shrink:0}.payment-content{background:#faf9f6;text-align:center;padding:12px 26px 66px;flex:1}.payment h1{font-size:52px;line-height:1.2;margin:0 0 17px}.ornament{width:196px;height:1px;background:#b7790d;margin:0 auto 20px;position:relative}.ornament:after{content:"";position:absolute;width:14px;height:14px;background:#b7790d;transform:rotate(45deg);left:calc(50% - 7px);top:-7px}.intro{font-size:23px;line-height:1.25;max-width:560px;margin:0 auto 21px}.payment-button{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:515px;margin:auto;padding:20px 42px;color:white;background:#aa700b;border-radius:6px;text-decoration:none;font-size:23px;min-height:72px}.payment-button svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:2.5;flex-shrink:0}.payment-button>span:last-child{font-size:36px;line-height:1}.payment-button:hover{background:#946109}.redirect{font-size:18px;margin:14px 0 20px}.process{border-top:1px solid #ddc9a7}.process h2{font-size:33px;margin:13px 0 15px}.process ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0;gap:0}.process li{position:relative;padding:0 12px}.number{display:block;background:#00253b;color:white;border-radius:50%;width:52px;height:52px;font-size:31px;line-height:52px;margin:0 auto 10px}.process li>svg{display:block;width:54px;height:54px;stroke:#00253b;stroke-width:3;fill:none;margin:0 auto 12px}.process h3{font-size:20px;margin:0 0 7px}.process p{font-size:17px;line-height:1.25;margin:0}.process li+li:before{content:"⟶";position:absolute;left:-18px;top:67px;color:#b7790d;font-size:35px}.payment .site{width:100%;max-width:none}.payment-content .process{max-width:900px;margin:auto}@media(min-width:900px){.home-hero{min-height:calc(100vh - 206px);background-position:center 55%}.payment-content{padding-top:22px}.payment .intro{max-width:660px}.payment-content .process{margin-top:25px}}@media(max-width:600px){.header{height:100px}.logo{width:168px;height:168px;left:16px;top:8px}.header nav{padding:0 22px;gap:24px}.header nav a{font-size:18px}.home-hero{min-height:calc(100svh - 172px)}.contact{left:24px;bottom:27px}.contact h1{font-size:26px}.contact a{font-size:21px}footer{padding:25px 24px;min-height:72px;font-size:16px}.payment-hero{height:95px}.payment-content{padding:18px 20px 35px}.payment h1{font-size:36px;margin-bottom:22px}.intro{font-size:20px}.payment-button{padding:17px 18px;gap:10px;font-size:17px;min-height:64px}.payment-button svg{width:27px;height:27px}.payment-button>span:last-child{font-size:27px}.redirect{font-size:16px;line-height:1.4}.process h2{font-size:29px}.process ol{grid-template-columns:1fr;gap:28px}.process li{max-width:340px;margin:auto}.process li+li:before{display:none}.process h3{font-size:21px}.process p{font-size:18px}.process li>svg{margin-bottom:8px}}@media(max-width:360px){.home .logo{width:145px;height:145px;left:8px}.header nav{gap:15px;padding-right:15px}.payment-button{font-size:15px;padding:15px 12px}.contact a{font-size:19px}}

/* Wide desktop scene preserves the approved edge-to-edge hero layout. */
.home .site{height:100vh;height:100svh;min-height:0;}
.home .home-hero{min-height:0;flex:1;background-size:cover;background-position:center;}
.payment .payment-hero{height:132px;background-size:cover;background-position:center 54%;}
@media(max-width:600px){.home .home-hero{background-image:url('../images/home-hero-mobile.jpg');background-position:center;}.payment .payment-hero{height:95px;}}

/* Keep the panoramic mountain ridge and sunset within the Payment banner. */
.payment .payment-hero{height:clamp(132px,7vw,190px);background-size:cover;background-position:center 50%;}
@media(max-width:600px){.payment .payment-hero{height:110px;background-position:center 50%;}}

/* Approved Payment reference: scenic banner is about 17.5% of page width. */
.payment .payment-hero{height:auto;min-height:0;aspect-ratio:755 / 132;background-size:cover;background-position:center 54%;}
@media(max-width:600px){.payment .payment-hero{height:110px;aspect-ratio:auto;}}
