:root{--navy:#062642;--navy2:#041d33;--gold:#efc46f;--gold2:#d8a24a;--ink:#09233b;--muted:#65758a;--line:#dde5ee;--paper:#fff;--soft:#fbf7ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.45}a{text-decoration:none;color:inherit}.site-header{height:88px;background:var(--navy2);color:#fff;position:relative;z-index:10;box-shadow:0 1px 0 rgba(255,255,255,.06)}.header-inner{height:88px;max-width:1760px;margin:0 auto;padding:0 44px;display:flex;align-items:center;gap:34px}.brand{flex:0 0 auto;display:flex;align-items:center}.brand img{width:190px;height:auto;display:block}.main-nav{display:flex;align-items:center;gap:31px;margin-left:28px;white-space:nowrap;font-size:15px;color:rgba(255,255,255,.88)}.main-nav a:hover{color:#fff}.header-actions{margin-left:auto;display:flex;align-items:center;gap:20px;white-space:nowrap}.header-ghost{display:flex;align-items:center;gap:8px;font-size:15px;color:#fff;cursor:default;user-select:none}.heart-icon,.user-icon{font-size:24px;line-height:1;color:#fff}.header-cta{background:linear-gradient(180deg,#f7d98c,#e8b75b);color:#031d32;font-weight:800;font-size:15px;border-radius:13px;padding:16px 25px;box-shadow:0 8px 16px rgba(0,0,0,.18)}.mobile-menu{display:none;background:none;border:0;width:40px}.mobile-menu span{display:block;height:2px;background:#fff;margin:7px 0}.hero{position:relative;height:500px;overflow:hidden;background:var(--navy)}.hero-bg{position:absolute;inset:0;background-image:url('../img/hero-resort-sunset.jpg');background-size:cover;background-position:center 47%;filter:saturate(1.04) contrast(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,35,.92) 0%,rgba(4,22,39,.72) 29%,rgba(4,22,39,.22) 61%,rgba(4,22,39,.08) 100%)}.hero-inner{position:relative;z-index:1;max-width:1760px;height:100%;margin:0 auto;padding:0 44px;display:flex;align-items:center}.hero-copy{width:860px;margin-top:-16px;color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:8px;font-size:20px;line-height:1;font-weight:900;color:#ffd98c;margin:0 0 45px}.hero h1{font-family:Georgia,'Times New Roman',serif;margin:0;line-height:.98;font-weight:700;letter-spacing:-2.4px}.hero h1 span{display:block;color:#fff;font-size:72px}.hero h1 em{display:block;color:var(--gold);font-style:normal;font-size:72px}.hero-sub{font-size:25px;color:#fff;margin:30px 0 0}.search-wrap{position:relative;z-index:5;max-width:1760px;margin:-48px auto 0;padding:0 44px}.search-panel{background:linear-gradient(180deg,#082d4c,#05253f);border:1px solid rgba(255,255,255,.08);box-shadow:0 26px 55px rgba(0,0,0,.26);border-radius:19px;padding:23px 24px 19px;display:grid;grid-template-columns:1.15fr 1.15fr .9fr .75fr .9fr 1fr;gap:16px;align-items:end}.search-panel label{min-width:0}.search-panel label span{display:block;color:#fff;letter-spacing:1.5px;text-transform:uppercase;font-weight:900;font-size:13px;margin:0 0 9px}.search-panel select{appearance:none;width:100%;height:56px;border:0;border-radius:10px;background:#fff;color:#4d5d71;font-size:15px;padding:0 42px 0 18px;background-image:linear-gradient(45deg,transparent 50%,#617083 50%),linear-gradient(135deg,#617083 50%,transparent 50%);background-position:calc(100% - 19px) 25px,calc(100% - 13px) 25px;background-size:7px 7px;background-repeat:no-repeat}.search-btn{height:64px;border:0;border-radius:11px;background:linear-gradient(180deg,#f9dc93,#e9b95d);font-weight:900;color:#061f36;font-size:16px;cursor:pointer}.search-btn b{font-size:24px;margin-left:16px}.advanced{grid-column:6;color:rgba(255,255,255,.84);font-size:13px;text-align:right;padding-right:7px}.trust{grid-column:1/-1;display:flex;justify-content:center;gap:58px;color:#f2d07b;font-size:13px;padding-top:1px}.section{max-width:1760px;margin:0 auto;padding:60px 44px 0}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.section h2{font-family:Georgia,'Times New Roman',serif;font-size:34px;font-weight:500;margin:0;color:var(--ink);letter-spacing:-.8px}.section-head p{margin:12px 0 0;color:#66758a;font-size:18px}.section-head a{font-weight:800;font-size:15px;color:var(--ink);margin-top:13px}.gold-line{display:block;width:48px;height:2px;background:var(--gold2);margin-top:11px}.destination-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.destination-grid article{height:218px;border-radius:10px;overflow:hidden;position:relative;background-image:linear-gradient(180deg,rgba(3,18,32,0) 30%,rgba(3,18,32,.83)),var(--img);background-size:cover;background-position:center;box-shadow:0 13px 24px rgba(5,26,44,.15);color:#fff;padding:0 18px 17px;display:flex;align-items:flex-end;justify-content:space-between}.destination-grid h3{font-family:Georgia,'Times New Roman',serif;font-size:28px;line-height:1;margin:0 0 3px}.destination-grid p{margin:0;font-size:15px}.destination-grid strong{background:#fff;color:#08233b;border-radius:18px;padding:7px 12px;font-size:12px;align-self:flex-end;white-space:nowrap}.offers{padding-top:76px}.offer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;align-items:stretch}.offer-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 20px 38px rgba(9,31,54,.08);position:relative}.offer-img{height:184px;background-size:cover;background-position:center;position:relative}.offer-img span{position:absolute;left:16px;top:16px;background:#082b49;color:#fff;border-radius:20px;padding:8px 13px;font-weight:900;font-size:17px}.offer-img i{position:absolute;right:16px;bottom:-20px;width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:27px;font-style:normal;color:var(--ink);box-shadow:0 6px 18px rgba(0,0,0,.16)}.offer-body{padding:25px 28px 28px}.offer-body small{font-size:14px;color:#718096}.offer-body h3{font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.13;margin:10px 0 8px;color:var(--ink);min-height:58px}.stars{color:#d9a249;letter-spacing:4px;margin:0 0 21px;font-size:17px}.offer-body ul{border-top:1px solid var(--line);padding:19px 0 0;margin:0;display:flex;gap:22px;list-style:none;color:#718096;font-size:15px;white-space:nowrap}.price{margin:25px 0 0;font-weight:900;font-size:42px;letter-spacing:-1.3px}.price span{font-size:15px;color:#718096;margin-right:14px;font-weight:400}.price del{font-size:22px;color:#9da8b6;font-weight:500;margin-left:16px}.benefits{max-width:1760px;margin:64px auto 72px;padding:0 44px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #eadcc5;border-radius:14px;background:#fffaf2;box-shadow:0 18px 36px rgba(9,31,54,.06);overflow:hidden}.benefits div{min-height:126px;padding:30px 30px 24px 105px;position:relative;border-right:1px solid #eadcc5}.benefits div:last-child{border-right:0}.benefits span{position:absolute;left:35px;top:35px;width:48px;height:48px;border-radius:50%;border:1px solid #eadcc5;display:grid;place-items:center;font-size:22px;color:#072947;background:#fff}.benefits h3{font-family:Georgia,'Times New Roman',serif;font-size:21px;margin:0 0 5px}.benefits p{margin:0;color:#68788e;font-size:14px}.site-footer{background:#062642;color:#d7e3ef}.footer-inner{max-width:1760px;margin:0 auto;padding:70px 44px 54px;display:grid;grid-template-columns:1.25fr .65fr .8fr .75fr .75fr 1fr;gap:62px}.footer-brand img{width:150px;margin-bottom:24px}.footer-brand strong{color:#fff;display:block;margin-bottom:7px}.footer-inner p{margin:0 0 20px;color:#d7e3ef}.footer-inner h4{text-transform:uppercase;letter-spacing:1.5px;color:#fff;font-size:14px;margin:0 0 18px}.footer-inner a{display:block;margin:0 0 10px;color:#d7e3ef}.footer-inner input{height:48px;border:0;border-radius:8px;padding:0 18px;width:100%;margin:4px 0 14px}.footer-inner button{height:54px;border:0;border-radius:8px;background:linear-gradient(180deg,#f7d98c,#e8b75b);font-weight:900;width:100%;color:#08233b}.social{display:flex;gap:12px;margin-top:24px}.social span{width:33px;height:33px;border-radius:50%;border:1px solid rgba(255,255,255,.22);display:grid;place-items:center}.footer-bottom{max-width:1760px;margin:0 auto;border-top:1px solid rgba(255,255,255,.12);padding:24px 44px 35px;display:flex;justify-content:space-between;color:#d7e3ef}.footer-bottom nav{display:flex;gap:48px}@media (max-width:1450px){.main-nav{gap:20px;font-size:14px;margin-left:14px}.brand img{width:160px}.header-actions{gap:14px}.header-cta{padding:14px 19px}.hero h1 span,.hero h1 em{font-size:62px}.search-panel{grid-template-columns:1.1fr 1.1fr .8fr .7fr .8fr .95fr}.offer-body h3{font-size:22px}.offer-body ul{gap:14px;font-size:13px}.price{font-size:36px}}@media (max-width:1180px){.main-nav{display:none}.mobile-menu{display:block;margin-left:auto}.header-actions{display:none}.hero{height:620px}.hero-copy{width:auto}.search-wrap{margin:-95px auto 0}.search-panel{grid-template-columns:1fr 1fr}.advanced{grid-column:auto}.trust{grid-column:1/-1;flex-wrap:wrap;gap:14px 26px}.destination-grid,.offer-grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.benefits div:nth-child(2){border-right:0}.footer-inner{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.site-header,.header-inner{height:70px}.header-inner{padding:0 18px}.brand img{width:118px}.hero{height:560px}.hero-bg{background-image:url('../img/hero-resort-mobile.jpg');background-position:center}.hero-inner{padding:0 20px;align-items:flex-start;padding-top:62px}.eyebrow{font-size:12px;letter-spacing:4px;margin-bottom:22px}.hero h1 span,.hero h1 em{font-size:37px;letter-spacing:-1px}.hero-sub{font-size:16px}.search-wrap{padding:0 14px;margin:-180px auto 0}.search-panel{grid-template-columns:1fr;padding:15px;border-radius:14px}.search-panel select,.search-btn{height:46px}.advanced{text-align:left}.section{padding:42px 18px 0}.section-head{align-items:flex-start}.section h2{font-size:28px}.section-head a{font-size:13px}.destination-grid,.offer-grid{grid-template-columns:1fr}.destination-grid article{height:176px}.benefits{margin:44px 18px 52px;padding:0;grid-template-columns:1fr}.benefits div{border-right:0;border-bottom:1px solid #eadcc5}.footer-inner{grid-template-columns:1fr;padding:52px 22px}.footer-bottom{padding:22px;display:block}.footer-bottom nav{gap:22px;margin-top:18px}.offer-body ul{flex-wrap:wrap}.price{font-size:32px}}
