*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#172638}a{text-decoration:none;color:inherit}.wrap{max-width:1200px;margin:auto;padding:90px 30px}
.header{position:absolute;z-index:10;top:0;left:0;right:0;height:88px;padding:0 5%;display:flex;align-items:center;gap:35px;color:#fff}.brand{display:flex;align-items:center;gap:10px;min-width:260px;font-size:35px}.brand b{display:block;font-size:18px;font-style:italic}.brand i,.brand span b i{color:#ffc400}.brand small{display:block;font-size:9px}.header nav{display:flex;gap:25px;margin-left:auto}.header nav a{font-size:10px;font-weight:800;padding:30px 0 10px;border-bottom:2px solid transparent;transition:.25s}.header nav a:hover{color:#ffc400;border-color:#ffc400}.social{font-weight:800;word-spacing:8px}.header button{display:none}
.hero{height:92vh;min-height:650px;position:relative;overflow:hidden;color:#fff;display:flex;align-items:center;padding:110px 8%}.hero-bg{position:absolute;inset:-3%;background:url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=2200&q=90') center/cover;transition:transform .15s ease-out}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#031827e8,#03182735)}.hero-content{position:relative;max-width:720px;transition:transform .2s ease-out}.eyebrow,label{font-size:10px;color:#e99b00;font-weight:800;letter-spacing:2px}.hero .eyebrow{color:#ffc400}.hero h1{font-size:clamp(48px,7vw,100px);line-height:.9;letter-spacing:-5px;font-style:italic;margin:12px 0}.hero h1 span{color:#ffc400}.hero h3{letter-spacing:5px;font-size:15px;margin:25px 0}.hero p{max-width:540px;line-height:1.8;font-size:14px}.btn{display:inline-block;padding:15px 22px;border-radius:5px;font-size:10px;font-weight:800;margin:10px 10px 0 0;transition:box-shadow .25s,background .25s}.yellow{background:#ffc400;color:#111}.outline{border:1px solid #fff}.dark{background:#172b3d;color:#fff}.btn:hover{box-shadow:0 12px 28px #0003}.dots{position:absolute;bottom:25px;left:50%;color:#fff}
.latest{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.latest h2,.destinations h2,.about h2,.gallery h2,.blog h2{font-size:44px;line-height:1.05;margin:12px 0 20px;letter-spacing:-2px}.latest h2 em{font-family:"Permanent Marker",cursive;font-style:normal;font-weight:400}.latest p,.about p,.blog p{font-size:13px;line-height:1.8;color:#64717a}.video{height:330px;border-radius:13px;background:url('https://images.unsplash.com/photo-1486911278844-a81c5267e227?auto=format&fit=crop&w=1200&q=85') center/cover;position:relative;color:#fff;overflow:hidden;transition:.35s}.video:after,.card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#000b)}.video:hover{transform:scale(1.02);box-shadow:0 20px 40px #10283c33}.video span{position:absolute;z-index:2;top:25px;left:25px;font:24px "Permanent Marker"}.video span b{color:#ffc400}.video strong{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);background:#10283ccc;border-radius:50%;padding:22px}.video time{position:absolute;z-index:2;right:15px;bottom:12px}
.destinations{text-align:center}.destinations hr,.about hr{width:45px;margin:0 auto 35px;border:0;border-top:3px solid #ffc400}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:left}.card{height:250px;border-radius:9px;position:relative;background-size:cover;background-position:center;overflow:hidden;transition:.35s}.card:hover{transform:translateY(-9px) scale(1.015);box-shadow:0 18px 35px #10283c33}.c1{background-image:url('https://images.unsplash.com/photo-1544735716-392fe2489ffa?auto=format&fit=crop&w=800&q=80')}.c2{background-image:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=800&q=80')}.c3{background-image:url('https://images.unsplash.com/photo-1510414842594-a61c69b5ae57?auto=format&fit=crop&w=800&q=80')}.c4{background-image:url('https://images.unsplash.com/photo-1518002054494-3a6f94352e9d?auto=format&fit=crop&w=800&q=80')}.card div{position:absolute;z-index:2;left:18px;bottom:19px;color:#fff}.card b{display:block}.card small{display:block;margin-top:7px;font-size:10px}
.stats{background:#0b293d;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:55px 8%;gap:20px}.stats div{font-size:25px;color:#ffc400}.stats b,.stats small{display:block;color:#fff}.stats b{font-size:29px;margin:6px}.stats small{font-size:11px}
.about{display:grid;grid-template-columns:1fr 1fr .7fr;gap:35px;align-items:center}.portrait{height:380px;border-radius:12px;background:url('https://images.unsplash.com/photo-1527631746610-bca00a040d60?auto=format&fit=crop&w=1000&q=85') center/cover;transition:.4s}.portrait:hover{transform:scale(1.025)}.about hr{margin:0 0 20px}.about em{font:22px "Permanent Marker"}.contact{border-left:1px solid #ddd;padding-left:25px;display:grid;gap:20px}.contact b{color:#e90018}.contact span{color:#273646;font-size:12px;margin-left:8px;display:inline-flex;flex-direction:column}.contact small{font-weight:400;color:#78818a;margin-top:3px}
.gallery{text-align:center;background:#f7f8f8}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:180px 180px;gap:12px}.gallery-grid i{border-radius:8px;background-size:cover;background-position:center;transition:.35s}.gallery-grid i:hover{transform:scale(1.025);filter:saturate(1.15)}.gallery-grid i:nth-child(1){grid-row:span 2;background-image:url('https://images.unsplash.com/photo-1526772662000-3f88f10405ff?auto=format&fit=crop&w=900&q=80')}.gallery-grid i:nth-child(2){background-image:url('https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=700&q=80')}.gallery-grid i:nth-child(3){background-image:url('https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=700&q=80')}.gallery-grid i:nth-child(4){grid-column:span 2;background-image:url('https://images.unsplash.com/photo-1464278533981-50106e6176b1?auto=format&fit=crop&w=900&q=80')}
.blog{text-align:center;background:#102c3e;color:#fff;padding:80px 20px}.blog p{max-width:550px;margin:0 auto 20px;color:#d6e0e5}.blog h2{font-size:48px}.blog label{color:#ffc400}footer{background:#091f2d;color:#fff;padding:35px 8%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}footer span{color:#ffc400}footer p{text-align:center;font-size:11px}footer small{text-align:right;font-size:10px;color:#8b9ba5}
@media(pointer:fine){html,body,a,button{cursor:none!important}#cursor-dot{position:fixed;z-index:99999;width:8px;height:8px;border-radius:50%;background:#ffc400;pointer-events:none;transform:translate(-50%,-50%)}#cursor-ring{position:fixed;z-index:99998;width:38px;height:38px;border:1px solid #ffc400b8;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:width .28s,height .28s,background .25s}.cursor-hover{width:68px!important;height:68px!important;background:#ffc40014}.cursor-watch{width:88px!important;height:88px!important;background:#ffc400;border-color:#ffc400!important}.cursor-watch:after{content:"WATCH";position:absolute;inset:0;display:grid;place-items:center;color:#111;font:800 9px Inter;letter-spacing:1px}}
@media(max-width:850px){.header nav,.social{display:none}.header button{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:24px}.latest,.about{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.contact{border:0;padding:0;display:flex;flex-wrap:wrap}.portrait{height:300px}}
@media(max-width:500px){.wrap{padding:65px 20px}.hero{padding:100px 6%}.hero h1{font-size:45px}.cards{grid-template-columns:1fr}.latest h2,.destinations h2,.about h2,.gallery h2,.blog h2{font-size:35px}.gallery-grid{grid-template-columns:1fr;grid-template-rows:auto}.gallery-grid i{height:180px}.gallery-grid i:nth-child(1),.gallery-grid i:nth-child(4){grid-column:auto;grid-row:auto}footer{grid-template-columns:1fr;text-align:center;gap:10px}footer p,footer small{text-align:center}}

/* ===== MrBackpackers Reels / Shorts Gallery ===== */
.reels-section{background:#0a2232;color:#fff;padding:90px max(30px,calc((100% - 1200px)/2))}
.reels-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}
.reels-head h2{font-size:44px;line-height:1.05;margin:12px 0 10px;letter-spacing:-2px}
.reels-head p{font-size:13px;color:#b9c7cf;margin:0;line-height:1.7}
.reels-head label{color:#ffc400}
.reels-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.reel-card{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;border-radius:12px;background:#152f40;box-shadow:0 8px 25px #0003;transform:translateZ(0);transition:transform .35s ease,box-shadow .35s ease}
.reel-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .5s ease}
.reel-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000005 40%,#000b 100%);transition:background .35s}
.reel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.88);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#ffc400;color:#111;font-size:15px;opacity:0;transition:.3s;box-shadow:0 8px 25px #0005}
.reel-number{position:absolute;left:12px;bottom:12px;font-size:10px;font-weight:800;letter-spacing:2px;color:#fff}
.reel-card:hover{transform:translateY(-9px) scale(1.02);box-shadow:0 20px 38px #0006}
.reel-card:hover img{transform:scale(1.08);filter:saturate(1.15)}
.reel-card:hover .reel-overlay{background:linear-gradient(180deg,#ffc40010 30%,#000d 100%)}
.reel-card:hover .reel-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(max-width:1050px){.reels-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.reels-section{padding:65px 20px}.reels-head{align-items:start;flex-direction:column}.reels-head h2{font-size:35px}.reels-grid{grid-template-columns:repeat(3,1fr);gap:10px}}
@media(max-width:480px){.reels-grid{grid-template-columns:repeat(2,1fr)}}

.portrait{background:url('about-traveler.png') center/cover!important}
.contact-link{display:flex;align-items:flex-start;gap:10px;color:inherit;text-decoration:none;transition:transform .25s ease,opacity .25s ease}
.contact-link:hover{transform:translateX(6px);opacity:.85}
.contact-link b{min-width:16px}.contact-link span{margin-left:0}.contact-link small{display:block}