*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fcfbf8;color:#142b29;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.promo{height:34px;background:#d3ad70;color:#09221f;display:flex;justify-content:center;align-items:center;gap:12px;font-size:9px;letter-spacing:.15em;font-weight:700}.promo a{text-decoration:underline;text-underline-offset:4px;margin-left:10px}.nav{height:78px;position:fixed;top:34px;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(252,251,248,.91);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,43,41,.12)}.logo img{width:58px;height:58px;object-fit:contain}.nav nav{display:flex;gap:35px;margin-left:18%;font-size:11px;color:#63706b}.nav nav a:hover,.nav-cta:hover,.footer a:hover{color:#b68e55}.nav-cta{font-size:11px;font-weight:700;border-bottom:1px solid;padding:8px 0}.menu{display:none;border:0;background:transparent;font-size:21px}.hero{height:850px;min-height:100vh;margin-top:34px;position:relative;color:#fff;overflow:hidden;isolation:isolate}.hero-image,.hero-overlay,.hero-grid{position:absolute;inset:0}.hero-image{z-index:-3;background:url('../assets/kaaba.webp') center/cover;animation:zoom 18s ease-in-out infinite alternate}.hero-overlay{z-index:-2;background:linear-gradient(90deg,rgba(3,25,23,.95),rgba(3,25,23,.65) 48%,rgba(3,25,23,.2)),linear-gradient(0deg,rgba(3,25,23,.6),transparent 56%)}.hero-grid{z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:90px 90px;animation:grid 12s linear infinite}.hero-inner{max-width:1280px;margin:auto;padding:175px 6vw 40px;display:grid;grid-template-columns:54% 46%;align-items:center;gap:3%}.eyebrow,.section-head label,.included-copy label,.faq label,.final label{font-size:10px;letter-spacing:.21em;font-weight:700;color:#d3ad70}.hero h1{font:500 clamp(52px,6.2vw,88px)/.95 'Cormorant Garamond',serif;letter-spacing:-.045em;margin:28px 0}.hero h1 em,.section-head em,.included-copy em,.faq em,.final em{color:#d3ad70;font-weight:500}.hero-copy p{max-width:420px;color:#c6d0c9;font-size:15px;line-height:1.7}.actions{display:flex;align-items:center;gap:22px;margin-top:32px}.button{display:inline-flex;padding:16px 20px;align-items:center;gap:10px;background:#d3ad70;color:#09221f;font-size:11px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0003}.button.dark{background:#09221f;color:#fff}.wa{font-size:11px;border-bottom:1px solid #fff8;padding-bottom:7px}.featured{justify-self:end;width:min(355px,100%);background:#09221fc4;border:1px solid #d3ad70a8;backdrop-filter:blur(8px);padding:19px 22px 18px;box-shadow:0 20px 60px #0005}.featured-top{display:flex;justify-content:space-between;color:#c5d0c8;font-size:9px;letter-spacing:.15em}.featured-top b{background:#d3ad70;color:#09221f;padding:6px 8px}.featured-content{padding:48px 2px 40px}.featured-content small{color:#d3ad70;font-size:9px;letter-spacing:.14em}.featured-content h2{font:500 30px/1.1 'Cormorant Garamond';margin:13px 0}.featured-content h2 strong{font-size:43px;color:#fff}.featured-content p{color:#bac7bf;font-size:11px;line-height:1.7}.featured-content a{color:#d3ad70;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700}.featured footer{border-top:1px solid #fff2;padding-top:14px;color:#bdc9c1;font-size:10px}.scroll{position:absolute;bottom:26px;left:6vw;color:#c1cbc4;font-size:9px;letter-spacing:.15em}@keyframes zoom{to{transform:scale(1.1) translate(-1%,-1%)}}@keyframes grid{to{background-position:90px 90px}}.trust{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 6vw;background:#f4f0e7;border-bottom:1px solid #142b2924}.trust div{border-right:1px solid #142b2924;padding-left:18px}.trust div:first-child{padding-left:0}.trust div:last-child{border:0}.trust b,.trust small{display:block}.trust b{font-size:10px}.trust small{font-size:9px;color:#77847d;margin-top:4px}.offers{padding:110px 6vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-head h2,.included-copy h2,.faq h2,.final h2{font:500 clamp(43px,5vw,70px)/.98 'Cormorant Garamond';letter-spacing:-.04em;margin:18px 0 0}.section-head p{max-width:300px;color:#687873;font-size:13px;line-height:1.7;margin:0 3% 5px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid #142b2926;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #142b2918}.card-image{height:190px;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.78);transition:.4s}.card:hover .card-image img{transform:scale(1.06)}.card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#051e1ba0,transparent 60%)}.card-image span{position:absolute;z-index:1;bottom:13px;left:14px;color:#fff;font-size:9px;letter-spacing:.14em;font-weight:700}.card-body{padding:18px 16px 20px}.date{color:#987545;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.card h3{font:500 22px/1.05 'Cormorant Garamond';min-height:47px;margin:9px 0 11px}.price{border-top:1px solid #142b2920;padding-top:12px;font:500 22px 'Cormorant Garamond'}.price small{font:400 9px 'DM Sans';color:#7c8881;margin-left:4px}.card ul{padding:0;margin:14px 0 16px;list-style:none;display:grid;gap:6px}.card li{font-size:10px;color:#687771}.details{border-top:1px solid #142b2920;padding-top:11px;margin-bottom:17px;display:grid;gap:8px}.details div{display:grid;grid-template-columns:57px 1fr;gap:7px}.details b{font-size:8px;color:#9a7849;letter-spacing:.1em}.details span{font-size:9px;line-height:1.4;color:#6d7a73}.card-cta{font-size:9px;letter-spacing:.1em;font-weight:700}.card-cta:hover{color:#b68e55}.included{display:grid;grid-template-columns:47% 53%;background:#09221f;color:#fff}.included-image{min-height:650px}.included-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.included-copy{padding:105px 10%}.included-copy p{max-width:430px;color:#b7c5bc;font-size:13px;line-height:1.75}.benefits{margin:42px 0}.benefits>div{display:grid;grid-template-columns:38px 1fr;gap:15px;border-top:1px solid #fff2;padding:18px 0}.benefits b{color:#d3ad70;font-size:10px}.benefits strong,.benefits span{display:block}.benefits strong{font:500 18px 'Cormorant Garamond'}.benefits span{color:#aebcb3;font-size:11px}.included-copy>a{border-bottom:1px solid #d3ad70;padding-bottom:7px;color:#d3ad70;font-size:10px;letter-spacing:.13em;font-weight:700}.faq{padding:105px 6vw;display:grid;grid-template-columns:38% 62%;background:#f4f0e7}.faq h2{margin-bottom:35px}.faq-list{padding-left:8%}.faq details{border-top:1px solid #142b2924}.faq details:last-child{border-bottom:1px solid #142b2924}.faq summary{display:grid;grid-template-columns:35px 1fr 18px;align-items:center;padding:20px 0;list-style:none;font-size:12px;font-weight:600;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#a07a44;font-size:10px}.faq details p{margin:-3px 35px 20px;color:#6a7771;font-size:12px;line-height:1.7}.final{min-height:520px;background:#09221f;color:#fff;display:grid;place-items:center;text-align:center;padding:70px 20px;position:relative;overflow:hidden}.final:before{content:'';position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 115%,transparent 0 95px,#d3ad7030 96px 97px)}.final>*{position:relative}.final>img{width:64px;height:64px;object-fit:contain;margin-bottom:20px}.final h2{margin:18px 0}.final p{max-width:410px;color:#b7c7bd;font-size:13px;line-height:1.7;margin:0 auto 28px}.footer{background:#061a18;color:#d8e0d8;padding:32px 6vw 25px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:24px}.footer>img{width:55px;height:55px;object-fit:contain}.footer>span{font:italic 14px 'Cormorant Garamond';color:#94a79c}.footer>div{display:flex;justify-content:end;gap:18px;font-size:10px}.footer small{grid-column:1/-1;border-top:1px solid #fff2;padding-top:18px;color:#71877b;font-size:9px}@media(max-width:1050px){.hero-inner{grid-template-columns:1fr 40%}.cards{grid-template-columns:repeat(2,1fr)}.nav nav{margin-left:0}}@media(max-width:700px){.promo{font-size:8px}.promo a{display:none}.nav{height:68px;padding:0 6vw}.nav nav{display:none}.nav-cta{display:none}.menu{display:block}.hero{height:auto;min-height:900px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding:140px 7vw 90px;gap:52px}.hero h1{font-size:55px}.hero-copy p{font-size:13px}.actions{flex-direction:column;align-items:flex-start}.featured{width:100%}.trust{grid-template-columns:1fr 1fr;padding:22px 7vw;gap:18px}.trust div{border:0;padding:0}.trust b{font-size:9px}.trust small{font-size:8px}.offers,.faq{padding:78px 7vw}.section-head{display:block}.section-head p{margin-top:22px}.cards{grid-template-columns:1fr}.card-image{height:210px}.included{grid-template-columns:1fr}.included-image{min-height:350px;height:350px}.included-copy{padding:75px 7vw}.faq{grid-template-columns:1fr}.faq-list{padding:55px 0 0}.footer{grid-template-columns:1fr 1fr;padding:28px 7vw}.footer>span{display:none}.footer>div{justify-content:start;flex-wrap:wrap}.footer small{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(max-width:700px){.nav.open nav{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;gap:18px;padding:22px 7vw;background:#fcfbf8;color:#142b29;border-bottom:1px solid #142b2924}.nav.open .menu{color:#142b29}}
.poster-reference{display:grid;grid-template-columns:1fr 320px;gap:10%;align-items:center;padding:90px 10%;background:#f4f0e7;border-top:1px solid #142b2924;border-bottom:1px solid #142b2924}.poster-reference label{font-size:10px;letter-spacing:.2em;color:#9a7849;font-weight:700}.poster-reference h2{font:500 clamp(42px,5vw,66px)/.98 'Cormorant Garamond';letter-spacing:-.04em;margin:18px 0}.poster-reference h2 em{color:#b68e55}.poster-reference p{max-width:390px;color:#687873;font-size:13px;line-height:1.75}.poster-reference img{width:100%;max-width:320px;justify-self:center;box-shadow:0 18px 35px #142b2922}@media(max-width:700px){.poster-reference{grid-template-columns:1fr;padding:70px 7vw;gap:35px}.poster-reference img{max-width:280px}}
/* Root-inspired navigation and motion */
.nav{color:#fff;background:transparent;border-bottom-color:transparent;transition:background .28s ease,backdrop-filter .28s ease,border-color .28s ease,color .28s ease}.nav.scrolled{background:rgba(9,34,31,.78);backdrop-filter:blur(16px);border-bottom-color:rgba(255,255,255,.13);color:#fff}.nav.scrolled nav{color:#d8e1da}.nav.scrolled .nav-cta{color:#fff}.nav:not(.scrolled) nav{color:rgba(255,255,255,.82)}.nav:not(.scrolled) .nav-cta{color:#fff}.nav:not(.scrolled) .menu{color:#fff}.hero-copy{animation:rootFadeUp .8s cubic-bezier(.23,1,.32,1) both}.featured{animation:rootFadeUp .95s .12s cubic-bezier(.23,1,.32,1) both}.trust,.section-head,.card,.included-copy,.included-image,.faq>div,.final>*{animation:rootFadeUp .8s cubic-bezier(.23,1,.32,1) both}.card:nth-child(2){animation-delay:.06s}.card:nth-child(3){animation-delay:.12s}.card:nth-child(4){animation-delay:.18s}@keyframes rootFadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero-image{animation:rootHeroDrift 18s ease-in-out infinite alternate}@keyframes rootHeroDrift{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.09) translate3d(-1.2%,-.8%,0)}}.hero-grid{animation:rootGridMove 14s linear infinite}@keyframes rootGridMove{to{background-position:90px 90px}}.nav a,.button,.wa,.card-cta{transition:color .22s ease,background-color .22s ease,transform .22s ease,opacity .22s ease}.nav.open{background:rgba(9,34,31,.96)}
@media(max-width:700px){.nav:not(.scrolled){background:transparent}.nav.scrolled{background:rgba(9,34,31,.9)}.nav.open{background:#fcfbf8;color:#142b29}.nav.open nav{color:#142b29}.nav.open .menu{color:#142b29}.nav.open .nav-cta{color:#142b29}}
@media(prefers-reduced-motion:reduce){.hero-copy,.featured,.trust,.section-head,.card,.included-copy,.included-image,.faq>div,.final>*{animation:none!important}}
.hero{margin-top:0}.hero-image{background-image:url('../assets/paket-1448h.png')!important;background-position:center 35%;background-size:cover}.nav{top:34px}
.final{background-image:linear-gradient(90deg,rgba(4,27,24,.9),rgba(4,27,24,.58)),url('../assets/architecture.webp');background-size:cover;background-position:center 48%;background-attachment:fixed}.final:before{background:linear-gradient(120deg,rgba(211,173,112,.13),transparent 50%),repeating-radial-gradient(ellipse at 50% 115%,transparent 0 95px,#d3ad7030 96px 97px)}.final>img{display:none}
@media(max-width:700px){.final{background-attachment:scroll;background-position:center}.final:before{background:linear-gradient(180deg,rgba(4,27,24,.12),rgba(4,27,24,.4))}}
/* Hero uses a cinematic local Kaaba image; official package poster remains on every offer card. */
.hero-image{background-image:url('../assets/kaaba.webp')!important;background-position:center center;background-size:cover}
.card-trigger{cursor:pointer}.card-trigger:focus-visible{outline:2px solid #b68e55;outline-offset:4px}.modal-open{overflow:hidden}.package-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;transition:opacity .25s ease,visibility .25s ease}.package-modal.is-open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(3,20,18,.78);backdrop-filter:blur(10px)}.modal-dialog{position:relative;z-index:1;width:min(960px,100%);max-height:min(88vh,760px);overflow:hidden;background:#fcfbf8;color:#142b29;display:grid;grid-template-columns:minmax(280px,42%) 1fr;box-shadow:0 25px 90px #0008;transform:translateY(18px) scale(.98);transition:transform .3s cubic-bezier(.23,1,.32,1)}.package-modal.is-open .modal-dialog{transform:translateY(0) scale(1)}.modal-close{position:absolute;z-index:2;top:14px;right:15px;width:34px;height:34px;border:1px solid #fff8;background:#09221fcc;color:#fff;font-size:25px;line-height:1;cursor:pointer}.modal-media{background:#e9e4d9;display:grid;place-items:center;padding:30px;min-height:520px}.modal-media img{width:100%;height:100%;max-height:650px;object-fit:contain;display:block}.modal-info{padding:55px 52px 48px;overflow:auto;align-self:stretch}.modal-info label{font-size:10px;letter-spacing:.2em;color:#9a7849;font-weight:700}.modal-info h2{font:500 clamp(38px,4vw,61px)/.98 'Cormorant Garamond';letter-spacing:-.04em;margin:18px 0 8px}.modal-date{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#987545}.modal-price{display:block;border-top:1px solid #142b2924;border-bottom:1px solid #142b2924;padding:18px 0;margin:28px 0;font:500 29px 'Cormorant Garamond'}.modal-facts{display:grid;gap:18px;margin-bottom:30px}.modal-facts>div{display:grid;grid-template-columns:78px 1fr;gap:12px}.modal-facts b{font-size:9px;letter-spacing:.12em;color:#9a7849}.modal-facts span{font-size:12px;line-height:1.55;color:#687873}.modal-info .button{border:0;cursor:pointer}.modal-info .button:hover{color:#09221f}@media(max-width:700px){.package-modal{padding:12px}.modal-dialog{max-height:92vh;grid-template-columns:1fr;overflow:auto}.modal-media{min-height:300px;max-height:43vh;padding:22px}.modal-media img{max-height:39vh}.modal-info{padding:32px 24px 28px}.modal-info h2{font-size:44px}.modal-price{margin:20px 0;padding:14px 0}.modal-facts{gap:13px}.modal-facts>div{grid-template-columns:68px 1fr}.modal-facts span{font-size:11px}}