#hatton-hero{background-color:var(--st-dark);width:100%;min-height:100svh;display:flex;position:relative;overflow:hidden}.hth-left{z-index:2;background:linear-gradient(135deg,#111613 0%,#090c0a 100%);flex-direction:column;flex:1;justify-content:center;padding:0 4rem 0 10%;display:flex;position:relative}.hth-left-glow{pointer-events:none;z-index:0;background:radial-gradient(circle at 0 0,#c8a96e0d 0%,#0000 70%);width:80%;height:80%;position:absolute;top:0;left:0}.hth-grain{pointer-events:none;opacity:.35;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.hth-content{z-index:10;max-width:600px;position:relative}.hth-eyebrow{font-family:var(--st-font-label);letter-spacing:.4em;color:var(--st-gold);text-transform:uppercase;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:clamp(.6rem,1vw,.75rem);display:flex}.hth-eyebrow:before{content:"";background:var(--st-gold);opacity:.7;width:40px;height:1px;display:inline-block}.hth-headline{font-family:var(--st-font-display);color:var(--st-cream);margin:0 0 1.5rem;font-size:clamp(3.2rem,6.5vw,6rem);font-weight:300;line-height:1.05}.hth-headline em{color:var(--st-gold);font-style:italic}.hth-divider{background:linear-gradient(90deg, var(--st-gold), transparent);width:50px;height:1px;margin:0 0 1.5rem}.hth-desc{font-family:var(--st-font-body);color:#f5f0e8cc;letter-spacing:.02em;font-size:clamp(.85rem,1.2vw,1rem);font-weight:300;line-height:1.9}.hth-right{flex:1;position:relative;overflow:hidden}.hth-bg{will-change:transform;background-position:50%;background-size:cover;width:100%;height:100%;animation:25s ease-in-out infinite alternate hthZoom;transform:scale(1.05)}@keyframes hthZoom{0%{transform:scale(1.05)}to{transform:scale(1.12)}}.hth-overlay{background:linear-gradient(90deg,#090c0a99 0%,#0000 30%);position:absolute;inset:0}.hth-bridge{z-index:20;-webkit-backdrop-filter:blur(16px);background:#11161366;border:1px solid #d4bb8c40;border-radius:40px;justify-content:center;align-items:center;width:50px;height:180px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 35px #0000004d}.hth-bridge span{font-family:var(--st-font-label);letter-spacing:.35em;text-transform:uppercase;color:var(--st-gold);writing-mode:vertical-rl;white-space:nowrap;font-size:.55rem;transform:rotate(180deg)}@media (max-width:960px){#hatton-hero{flex-direction:column-reverse;height:auto}.hth-left{text-align:center;flex:1;align-items:center;width:100%;padding:5rem 1.5rem 4rem}.hth-right{flex:none;width:100%;height:50vh;min-height:350px}.hth-eyebrow:before{display:none}.hth-headline{font-size:clamp(2.6rem,10vw,3.5rem)}.hth-divider{background:linear-gradient(90deg, transparent, var(--st-gold), transparent);margin:0 auto 1.5rem}.hth-bridge{width:160px;height:40px;top:max(50vh,350px);left:50%;transform:translate(-50%,-50%)}.hth-bridge span{writing-mode:horizontal-tb;letter-spacing:.25em;transform:none}.hth-overlay{background:linear-gradient(#0000 0%,#090c0a66 60%,#090c0a 100%)}}#hatton-heritage{background-color:#f7f4ef;padding:7rem 2rem;position:relative;overflow:hidden}#hatton-heritage:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c8b89a' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hth-inner{align-items:center;gap:6rem;max-width:1200px;margin:0 auto;display:flex}@media (max-width:960px){.hth-inner{flex-direction:column-reverse;gap:4rem}}.hth-text{z-index:2;flex:1;position:relative}.hth-img-wrap{aspect-ratio:4/5;flex:1;width:100%;max-width:500px;margin:0 auto;position:relative}.hth-img{object-fit:cover;border-radius:2px;width:100%;height:100%;box-shadow:0 20px 40px #00000014}.hth-accent{border-top:1px solid var(--st-gold);border-left:1px solid var(--st-gold);z-index:0;opacity:.5;width:60%;height:60%;position:absolute;top:-2rem;left:-2rem}#hatton-lifestyle{background-color:#fff;padding:7rem 2rem 10rem;position:relative}.htl-header{text-align:center;max-width:600px;margin:0 auto 5rem}.htl-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1100px;margin:0 auto;display:grid}@media (max-width:800px){.htl-grid{grid-template-columns:1fr;gap:4rem}}.htl-card{text-align:center;cursor:pointer;flex-direction:column;align-items:center;display:flex}.htl-card:nth-child(2){transform:translateY(3rem)}.htl-img-box{aspect-ratio:3/4;background:linear-gradient(160deg,#8fad8a,#4a7a5a 40%,#2a4a3a);border-radius:2px;width:100%;margin-bottom:1.5rem;overflow:hidden}.htl-img{object-fit:cover;width:100%;height:100%;transition:transform .75s cubic-bezier(.25,.46,.45,.94)}.htl-card:hover .htl-img{transform:scale(1.06)}.htl-card-title{font-family:var(--st-font-display);color:#1a1a18;margin:0 0 .8rem;font-size:1.6rem}.htl-card-desc{font-family:var(--st-font-body);color:#5a5648;max-width:320px;font-size:.85rem;font-weight:300;line-height:1.8}#hatton-closer{text-align:center;background-color:var(--st-dark);justify-content:center;align-items:center;padding:12rem 2rem 6rem;display:flex;position:relative;overflow:hidden}.htc-bg{background-image:url(/images/destinations/hatton-sunrise.jpg);background-position:50%;background-size:cover;animation:18s ease-in-out infinite alternate heroZoom;position:absolute;inset:0;transform:scale(1.04)}.htc-overlay{background:linear-gradient(#0a0e14f2 0%,#0a0e1459 50%,#0a0e14f2 100%);position:absolute;inset:0}.htc-content{z-index:2;max-width:860px;position:relative}.htc-quote{font-family:var(--st-font-display);color:var(--st-cream);margin-bottom:2rem;font-size:clamp(2rem,4.5vw,3.6rem);font-style:italic;font-weight:300;line-height:1.3}