:root{--emerald:#103e34;--ivory:#f8f6f0;--gold:#d8bc80;--ink:#203e34}
html{scroll-behavior:smooth;scroll-padding-top:108px}body{background:var(--ivory);font-family:'Inter',sans-serif}::selection{background:#d8bc80;color:#103e34}::-webkit-scrollbar{display:block;width:6px}::-webkit-scrollbar-thumb{background:#9cae9c;border-radius:8px}a,button,input,select,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a78645;outline-offset:5px}button{cursor:pointer}[hidden]{display:none!important}.skip-link{position:fixed;top:8px;left:12px;transform:translateY(-200%);z-index:100;background:var(--ivory);padding:12px}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:50;background:#f8f6f0f5;backdrop-filter:blur(20px);border-bottom:1px solid #103e3414}.announcement{height:32px;background:var(--emerald);color:#e8dec3;display:flex;justify-content:space-between;align-items:center;padding:0 max(5%,calc((100vw - 1184px)/2));font-size:9px;letter-spacing:1.9px}.announcement a{letter-spacing:.3px;font-size:10px}.announcement a span{margin-left:12px}.nav-wrap{max-width:1184px;margin:auto;height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:var(--emerald)}.brand-mark{font-size:54px;line-height:1;color:#a78645}.brand strong{display:block;font:600 29px 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:2px;line-height:1.1}.brand-dot{color:#a78645}.brand small{display:block;font-size:8px;letter-spacing:4px;margin-top:6px}.desktop-nav{display:flex;gap:28px;align-items:center;font-size:12px;font-weight:500}.desktop-nav a{position:relative;padding:10px 0}.desktop-nav a:after{content:'';position:absolute;bottom:2px;left:0;width:0;height:1px;background:#a78645;transition:width .25s}.desktop-nav a:hover:after,.desktop-nav .active:after{width:100%}.nav-consult{border:1px solid #103e3433;padding:13px 18px;border-radius:5px;font-size:11px;font-weight:600;transition:background .2s}.nav-consult:hover{background:#e8ede4}.nav-consult span{margin-left:12px}.menu-toggle{display:none}.mobile-nav{padding:12px 24px 22px;border-top:1px solid #103e3414}.mobile-nav a{display:block;padding:13px 4px;font-size:14px}
.journey-hero{position:relative;isolation:isolate;background:#103e34;overflow:hidden;color:#f8f6f0;min-height:685px}.hero-image{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:70% 55%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0d352efa 0%,#103e34e8 32%,#103e3470 68%,#102e3240 100%),linear-gradient(0deg,#0d352ee8,transparent 40%)}.hero-orbit{position:absolute;z-index:-1;width:760px;height:760px;border:1px solid #d8bc8024;border-radius:50%;top:-90px;left:-320px}.hero-orbit:after{content:'';position:absolute;inset:38px;border:1px solid #d8bc8015;border-radius:50%}.hero-inner{max-width:1184px;margin:auto;position:relative;display:flex;justify-content:space-between;align-items:flex-end;min-height:610px;padding:60px 0 42px}.hero-copy{max-width:650px}.hero-eyebrow{font-size:9px;letter-spacing:3px;display:flex;align-items:center;gap:10px;color:#e3d3aa}.hero-eyebrow>span{width:24px;height:1px;background:#d8bc80}.bismillah{font:24px 'Amiri',serif;text-align:left;color:#e1cd9f;margin:28px 0 17px;width:fit-content}.hero-copy h1{font:500 clamp(48px,5.2vw,72px)/1.08 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-2px;margin:0 0 24px}.hero-copy h1 em{font-weight:500;color:#e0c691}.hero-description{font-size:13px;line-height:1.9;color:#d4dfd7;max-width:440px}.hero-actions{display:flex;gap:25px;align-items:center;margin:28px 0 27px}.button-gold{background:#d8bc80;color:#163e32;padding:17px 21px;border-radius:5px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:30px;transition:background .2s,transform .2s}.button-gold:hover{background:#ecddba;transform:translateY(-3px)}.button-gold span{font-size:20px;line-height:1}.hero-secondary{font-size:11px;color:#eee8d9;border-bottom:1px solid #eee8d966;padding-bottom:6px}.hero-secondary span{margin-left:10px}.hero-assurance{display:flex;align-items:center;gap:9px;font-size:10px;color:#d3dfd4}.hero-assurance>.material-symbols-outlined{color:#d8bc80;font-size:23px}.hero-assurance small{display:block;font-size:9px;color:#9fb6a9;margin-top:3px}.hero-caption{display:flex;flex-direction:column;align-items:flex-start;padding:0 14px 35px 0;gap:9px}.caption-line{width:38px;height:1px;background:#d8bc80;margin-bottom:8px}.hero-caption small{font-size:8px;letter-spacing:2.5px;color:#e0cfaa}.hero-caption strong{font:500 24px 'Plus Jakarta Sans',Arial,sans-serif}.hero-caption>span:last-child{font-size:10px;color:#d4dfd7}.hero-bottom{max-width:1184px;margin:auto;padding:19px 0 23px;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;align-items:center;color:#d5ddcf;font-size:9px;letter-spacing:2px}.hero-bottom a{letter-spacing:.3px;font-size:10px}.hero-bottom a span{margin-left:18px;font-size:17px}
.journey-search{margin-top:0;padding-top:32px}.journey-search>div{border:1px solid #dce1d3;box-shadow:0 12px 40px #173d2d07;border-radius:12px;padding:24px 28px}.journey-search h2{font:500 22px 'Plus Jakarta Sans',Arial,sans-serif}.journey-search p{font-size:12px}.journey-search form{grid-template-columns:1.5fr 1fr 1fr}.journey-search .month-field{display:none}.journey-search label{font-size:9px;letter-spacing:1.2px}.journey-search select{border:1px solid #dce1d3;font-size:12px;min-height:48px}.journey-search button{font-size:12px}
main section{scroll-margin-top:20px}main h2{letter-spacing:-1.1px}#paket-umroh h2,#wisata-halal h2,#kisah-jamaah h2{font-size:clamp(32px,3.8vw,47px);line-height:1.22;max-width:720px}#paket-umroh h2{max-width:670px}#paket-umroh .text-headline-lg,#wisata-halal .text-headline-lg{font-size:32px;line-height:1.35}#paket-umroh h3{font:600 22px/1.35 'Plus Jakarta Sans',Arial,sans-serif;text-transform:none}#paket-umroh .grid>div.group,#wisata-halal .grid>div.group{border:1px solid #dce1d3;box-shadow:0 8px 24px #173d2d05;border-radius:13px;transition:transform .35s,box-shadow .35s}#paket-umroh .grid>div.group:hover,#wisata-halal .grid>div.group:hover{transform:translateY(-6px);box-shadow:0 20px 40px #173d2d12}#paket-umroh img,#wisata-halal img{transition:transform .7s;filter:saturate(.8)}#paket-umroh .h-60{height:230px}#paket-umroh ul{font-size:12px}#paket-umroh .p-6{padding:24px}#paket-umroh .font-label-sm,#wisata-halal .font-label-sm{letter-spacing:.8px;font-size:9px}#paket-umroh .grid>div.group>a,#wisata-halal .grid>div.group>a{box-shadow:none}main section:nth-child(3) .grid>a{border:1px solid #dce1d3;background:transparent;box-shadow:none;transition:background .3s,transform .3s}main section:nth-child(3) .grid>a:hover{background:#e8ede4;transform:translateY(-4px)}main section:nth-child(3) h3{font-size:14px}main section:nth-child(3) p{font-size:11px}.catalog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.catalog-tabs button{padding:10px 19px;border-radius:30px;border:1px solid #d8dfd2;font-size:11px;color:#506356;transition:all .2s}.catalog-tabs button[aria-pressed=true]{background:var(--emerald);color:var(--ivory);border-color:var(--emerald)}.filter-status{font-size:12px;color:#63766a;margin:0 0 20px}.empty-results{border:1px dashed #a9b8a4;padding:36px;text-align:center;border-radius:12px;font-size:14px}.empty-results button{display:block;margin:15px auto 0;text-decoration:underline;color:var(--emerald)}#lima-pasti{box-shadow:none;background:radial-gradient(ellipse at 80% 0%,#285b45 0%,#103e34 70%)}#lima-pasti h2{font-weight:500}#lima-pasti .shadow-xl{box-shadow:none}#kisah-jamaah .grid>div{border:1px solid #dce1d3;background:#fdfcf8;box-shadow:none}#kisah-jamaah .grid p{font:400 17px/1.8 'Plus Jakarta Sans',Arial,sans-serif}#konsultasi{background:radial-gradient(ellipse at 0 90%,#2f614a,#103e34 65%)}#konsultasi h2{font-weight:500}#konsultasi button{box-shadow:none}footer{margin-top:0!important;background:#0c3028!important}footer p,footer li{font-size:12px;line-height:1.9}footer h3{font-size:15px}.haji-editorial{max-width:1184px;margin:auto;padding:88px 24px;display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.haji-number{font:500 100px/.95 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-4px;color:#bdc6b2;border-left:1px solid #c9d1bd;padding-left:50px}.haji-number em{color:#a58a54}.eyebrow{font-size:10px;letter-spacing:2px;color:#8b6b33;font-weight:600}.haji-editorial h2,.faq-section h2{font:500 39px/1.25 'Plus Jakarta Sans',Arial,sans-serif;margin:16px 0 20px}.haji-editorial p,.faq-section p{color:#68756a;font-size:13px;line-height:1.9;max-width:470px}.text-link{display:inline-block;font-size:12px;font-weight:600;border-bottom:1px solid #a78645;padding:13px 0 8px;margin-top:10px}.text-link span{margin-left:30px}.faq-section{max-width:1184px;margin:auto;padding:50px 24px 100px;display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.faq-list details{border-bottom:1px solid #d1d9ca}.faq-list summary{cursor:pointer;list-style:none;padding:23px 32px 23px 0;font-size:13px;position:relative;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;font-size:21px;color:#8b6b33;top:16px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{padding-bottom:23px;margin:0;font-size:12px}.reveal{transition:opacity .65s ease,transform .65s ease}.reveal.pending{opacity:0;transform:translateY(20px)}.floating-consult>div{font-size:10px}.floating-consult>a{border:1px solid #d8bc8066}.back-top{position:fixed;bottom:28px;left:28px;z-index:35;background:#f8f6f0;border:1px solid #d2dbcc;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:#103e34;box-shadow:0 4px 16px #103e3410}.back-top[hidden]{display:none}
.journey-hero .hero-image{object-position:70% 92%}.floating-consult>div{display:none!important}
@media(min-width:1500px){.hero-inner{min-height:710px}.hero-copy h1{font-size:82px}.hero-description{font-size:15px}}
@media(max-width:1240px){.nav-wrap,.hero-inner,.hero-bottom{margin-left:5%;margin-right:5%}.desktop-nav{gap:20px}.nav-consult{font-size:10px;padding:12px}.hero-copy h1{font-size:65px}.hero-caption{max-width:230px}}
@media(max-width:1000px){.desktop-nav{gap:15px;font-size:11px}.nav-consult{display:none}.hero-inner{min-height:620px}.hero-copy h1{font-size:62px}.hero-caption{display:none}.hero-shade{background:linear-gradient(90deg,#103e34f0,#103e34b5 55%,#103e3460),linear-gradient(0deg,#103e34,transparent 60%)}.haji-editorial,.faq-section{gap:45px}.haji-number{font-size:80px}.announcement>span{font-size:8px}}
@media(max-width:700px){html{scroll-padding-top:83px}.announcement{height:26px;justify-content:center}.announcement>span{font-size:7px;letter-spacing:1.4px}.announcement a{display:none}.nav-wrap{height:66px}.brand-mark{font-size:42px}.brand strong{font-size:23px}.brand small{font-size:7px;letter-spacing:3px}.desktop-nav{display:none}.menu-toggle{display:flex;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid #103e3425;border-radius:5px}.menu-toggle span{display:block;width:17px;height:1px;background:#103e34;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.journey-hero{min-height:650px}.hero-inner{padding:45px 0 35px;min-height:580px}.hero-copy h1{font-size:55px;letter-spacing:-1.8px}.hero-eyebrow{font-size:8px;letter-spacing:2.2px}.bismillah{font-size:23px;margin-top:24px}.hero-image{object-position:67% center}.hero-shade{background:linear-gradient(90deg,#103e34ef,#103e3499),linear-gradient(0deg,#103e34,transparent 80%)}.hero-description{font-size:12px;max-width:330px}.desktop-break{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:19px;margin:25px 0}.button-gold{padding:16px 20px;font-size:11px}.hero-bottom{font-size:7px;letter-spacing:1px;gap:15px}.hero-bottom a{font-size:9px;white-space:nowrap}.hero-bottom a span{margin-left:6px}.journey-search{padding-top:24px}.journey-search>div{padding:20px}.journey-search h2{font-size:20px;line-height:1.35}.journey-search form{grid-template-columns:1fr}.journey-search .mb-6{margin-bottom:18px}.journey-search label{font-size:9px}.journey-search form>div{gap:7px}main section:nth-child(3){padding-top:48px;padding-bottom:48px}main section:nth-child(3) .grid{gap:10px}main section:nth-child(3) .grid>a{padding:18px 12px}#paket-umroh,#wisata-halal,#kisah-jamaah{padding:56px 0}#paket-umroh h2,#wisata-halal h2,#kisah-jamaah h2{font-size:34px}#paket-umroh .mb-12,#wisata-halal .mb-12{margin-bottom:28px}#paket-umroh .grid,#wisata-halal .grid{gap:24px}#paket-umroh .text-headline-lg{font-size:31px}.catalog-tabs{gap:7px}.catalog-tabs button{padding:9px 15px;font-size:10px}.haji-editorial,.faq-section{grid-template-columns:1fr;gap:25px;padding:55px 24px}.haji-number{font-size:62px;border-left:0;padding-left:0}.haji-number br{display:none}.haji-editorial h2,.faq-section h2{font-size:33px}.faq-section{padding-bottom:70px}#lima-pasti{padding:60px 0}#kisah-jamaah .mb-16{margin-bottom:30px}#konsultasi h2{font-size:34px}#konsultasi form button{font-size:11px}footer{padding-bottom:90px}.floating-consult{display:none!important}.back-top{bottom:94px;left:auto;right:18px;width:35px;height:35px}.hero-orbit{width:600px;height:600px;left:-400px}.hero-assurance{font-size:9px}.hero-assurance small{font-size:8px}}
@media(max-width:700px){.hero-copy h1{font-size:44px;line-height:1.12;letter-spacing:-1.4px}.hero-copy{width:100%}.hero-description{max-width:330px}.hero-inner{min-height:570px}.journey-hero .hero-image{object-position:65% 92%}}
/* Editorial category index beside the catalogue. */
.catalogue-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;align-items:start}
.catalogue-sidebar{position:sticky;top:145px;padding:18px 24px 20px 0;border-right:1px solid #dce2d4}
.category-title{font-size:9px;letter-spacing:2px;color:#9b8153;margin-bottom:22px;font-weight:600}
.catalog-tabs{display:flex;flex-direction:column;gap:0;margin:0;padding:0;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
.catalog-tabs button{position:relative;flex:0 0 auto;padding:15px 20px 15px 0;border:0;border-bottom:1px solid #e1e5da;border-radius:0;background:transparent;color:#81907f;font:500 19px/1.4 'Plus Jakarta Sans',Arial,sans-serif;text-align:left;white-space:normal;box-shadow:none;transition:color .2s}
.catalog-tabs button:last-child{border-bottom:0}
.catalog-tabs button::after{content:'↗';position:absolute;right:0;top:17px;color:#a88a53;font:400 16px 'Inter',sans-serif;opacity:0;transition:opacity .2s}
.catalog-tabs button:hover{color:var(--emerald);background:transparent}
.catalog-tabs button[aria-pressed=true]{background:transparent;color:var(--emerald);border-color:#dce2d4;font-weight:700;box-shadow:none}
.catalog-tabs button[aria-pressed=true]::after{opacity:1}
.catalog-tabs button:focus-visible{outline:2px solid #d8bc80;outline-offset:3px}
#paket-umroh .catalogue-results>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.premium-package-photo{object-position:center 65%}
@media(max-width:1000px){.catalogue-layout{grid-template-columns:160px minmax(0,1fr);gap:24px}.catalogue-sidebar{padding-right:18px}.catalog-tabs button{font-size:17px}#paket-umroh .catalogue-results .p-6{padding:20px}#paket-umroh .catalogue-results .text-headline-lg{font-size:27px}}
@media(max-width:700px){.catalogue-layout{grid-template-columns:1fr;gap:25px}.catalogue-sidebar{position:static;padding:0 0 18px;border-right:0;border-bottom:1px solid #dce2d4}.category-title{margin-bottom:10px}.catalog-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;overflow:visible}.catalog-tabs button{padding:12px 18px 12px 0;font-size:17px;min-width:0}.catalog-tabs button::after{top:15px;font-size:13px}.catalog-tabs button:last-child{border-bottom:1px solid #e1e5da}#paket-umroh .catalogue-results>.grid{grid-template-columns:1fr}}

/* Oversized, quiet numerals for the five assurance cards. */
#lima-pasti .assurance-corner{position:absolute;z-index:0;top:0;right:0;width:106px;height:106px;border-radius:0 16px 0 100%;background:linear-gradient(140deg,#28604b,#103e34 78%);pointer-events:none;transition:transform .35s ease;transform-origin:top right}
#lima-pasti .group:hover .assurance-corner{transform:scale(1.08)}
#lima-pasti .assurance-number{position:absolute;z-index:1;top:15px;right:16px;color:rgba(255,255,255,.26);font:italic 800 clamp(42px,4vw,54px)/1 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-3px;pointer-events:none;user-select:none}
@media(max-width:700px){#lima-pasti .assurance-corner{width:92px;height:92px}#lima-pasti .assurance-number{top:13px;right:14px;font-size:44px}}
/* Formal, consistent typography throughout the Umroh catalogue. */
#paket-umroh,#paket-umroh [class*="font-"],#paket-umroh .catalog-tabs button{font-family:'Inter',Arial,sans-serif}
#paket-umroh h2{font-family:'Inter',Arial,sans-serif;font-size:clamp(30px,3.2vw,42px);font-weight:600;line-height:1.25;letter-spacing:-1.2px;max-width:800px}
#paket-umroh h3{font-family:'Inter',Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.45;letter-spacing:-.3px}
#paket-umroh .catalogue-results .text-headline-lg{font-family:'Inter',Arial,sans-serif;font-size:28px;font-weight:600;line-height:1.4;letter-spacing:-.8px}
#paket-umroh .catalog-tabs button{font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0}
#paket-umroh .catalog-tabs button[aria-pressed=true]{font-weight:600}
#paket-umroh .font-body-md{font-size:15px;line-height:1.85;font-weight:400;letter-spacing:0}
@media(max-width:700px){#paket-umroh h2{font-size:30px;letter-spacing:-.7px}#paket-umroh .catalog-tabs button{font-size:14px}#paket-umroh .catalogue-results .text-headline-lg{font-size:28px}}
/* Search card straddles the hero and the next section. */
.journey-search{margin-top:-48px;padding-top:0;position:relative;z-index:20}
.journey-search>div{box-shadow:0 18px 42px -12px #103e342b,0 4px 12px #103e3408}
@media(max-width:700px){.journey-search{margin-top:-32px;padding-top:0}}
/* Centered spiritual introduction, inspired by the supplied reference. */
.hero-centered{min-height:640px}
.hero-centered .hero-inner{min-height:570px;justify-content:center;align-items:center;padding:45px 24px 38px}
.hero-centered .hero-copy{max-width:980px;width:100%;text-align:center}
.hero-centered .hero-eyebrow{justify-content:center;font-size:8px;letter-spacing:2.5px}
.hero-centered .hero-eyebrow>span{display:none}
.hero-centered .bismillah{text-align:center;margin:22px auto 9px;font-size:29px}
.hero-wisdom{max-width:700px;margin:0 auto 27px;color:#e4d0a6;font:italic 400 16px/1.85 'Inter',Arial,sans-serif;text-wrap:balance}
.hero-centered .hero-copy h1{font-size:clamp(36px,4.25vw,56px);line-height:1.18;letter-spacing:-1.6px;margin:0 auto 23px;text-wrap:balance}
.hero-centered .hero-copy h1 em{font-style:normal;color:#f8f6f0}
.hero-centered .hero-description{max-width:630px;margin:0 auto;font-size:14px;line-height:1.9;text-wrap:balance}
.hero-centered .hero-actions{justify-content:center;align-items:center;margin:27px 0 24px}
.hero-centered .hero-assurance{justify-content:center}
.hero-centered .hero-caption{display:none}
.hero-centered .hero-shade{background:linear-gradient(180deg,#0d352ee8,#103e34e6 55%,#0d352ef5)}
.hero-centered .hero-orbit{top:50%;left:50%;width:650px;height:650px;transform:translate(-50%,-50%)}
.hero-centered .hero-bottom{justify-content:center;gap:40px}
@media(min-width:1500px){.hero-centered .hero-inner{min-height:600px}}
@media(max-width:700px){.hero-centered{min-height:0}.hero-centered .hero-inner{min-height:0;margin:0;padding:35px 23px 36px}.hero-centered .hero-eyebrow{font-size:7px;letter-spacing:1.8px}.hero-centered .bismillah{font-size:27px;margin-top:22px}.hero-wisdom{font-size:14px;line-height:1.75;margin-bottom:25px;max-width:400px}.hero-centered .hero-copy h1{font-size:36px;line-height:1.2;letter-spacing:-1px;margin-bottom:20px}.hero-centered .hero-description{font-size:12px;line-height:1.9;max-width:370px}.hero-centered .hero-actions{gap:20px;margin:26px 0 23px}.hero-centered .hero-bottom{gap:15px;padding:18px 0}.hero-centered .hero-orbit{width:560px;height:560px}}
.hero-centered .hero-bottom{padding-bottom:72px}
@media(max-width:700px){.hero-centered .hero-bottom{padding-bottom:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}}

/* Clearer neutral canvas and a clean white navigation bar. */
:root{--ivory:#fcfbf7}
body,main.bg-background{background:#fcfbf7!important}
.site-header{background:#fff!important;backdrop-filter:none;border-bottom:1px solid #dfe4dc;box-shadow:0 2px 12px #103e3408}
.mobile-nav{background:#fff}

/* White editorial canvas across the light sections. */
.haji-editorial,#paket-umroh,#wisata-halal,#kisah-jamaah,.faq-section,main section.bg-surface,main section.bg-surface-container-low{background:#fff!important}

/* Refined travel mark: a geometric Kaaba-inspired diamond with a gold inner detail. */
.brand-mark{position:relative;display:inline-block;width:38px;height:38px;font-size:0;color:transparent;flex:0 0 38px}
.brand-mark::before{content:'';position:absolute;inset:3px;border:3px solid var(--gold);border-radius:7px;transform:rotate(45deg)}
.brand-mark::after{content:'';position:absolute;inset:12px;border:2px solid var(--emerald);border-radius:3px;transform:rotate(45deg);box-shadow:0 0 0 2px #fff}
.brand strong{font-size:0}
.brand strong::before{content:'Permata';font:700 29px/1.1 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:2px;color:var(--emerald)}
.brand-dot{display:none}
.haji-number{font-weight:300}
.haji-number em{font-style:normal;font-weight:700;font-size:0;color:#a78645}
.haji-number em::before{content:'Calling';font:700 100px/.95 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-4px;color:#a78645}
body .brand strong{font-size:0!important}
body .brand strong::before{font:700 29px/1.08 'Plus Jakarta Sans',Arial,sans-serif!important;letter-spacing:.6px;color:var(--emerald)}
.brand-mark{background:none;border:0;transform:none}
.brand-mark::before{display:block;content:'';position:absolute;inset:3px 3px 1px;border:3px solid var(--emerald);border-bottom:0;border-radius:22px 22px 4px 4px;transform:none}
.brand-mark::after{display:block;content:'';position:absolute;width:19px;height:16px;left:10px;top:17px;background:var(--emerald);border:3px solid var(--gold);border-radius:2px;transform:skewY(-18deg);box-shadow:0 -7px 0 -4px var(--gold)}
@media(max-width:1000px){.haji-number em::before{font-size:80px}}
@media(max-width:700px){body .brand strong::before{font-size:23px!important;letter-spacing:.4px}.haji-number em::before{font-size:58px;letter-spacing:-2px}}
.brand img.brand-mark{position:static;display:block;width:68px;height:50px;flex:0 0 68px;object-fit:contain;border-radius:3px}
.brand svg.brand-mark{position:static;display:block;width:44px;height:44px;flex:0 0 44px;font-size:initial;color:initial}
.brand svg.brand-mark::before,.brand svg.brand-mark::after{display:none;content:none}
.haji-editorial{position:relative;isolation:isolate;background:transparent!important}
.haji-editorial::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#f1f5f0;pointer-events:none}
footer .grid>div:nth-child(3) .bg-primary-container{background:transparent!important;border-radius:0;padding:0}

/* A calm four-step travel timeline adds a clear visual pause between services and packages. */
.journey-timeline{background:#f1f5f0;padding:88px 24px 94px;overflow:hidden}
.journey-timeline-inner{max-width:1184px;margin:0 auto}
.timeline-heading{max-width:650px;margin-bottom:52px}
.timeline-heading h2{font:700 clamp(32px,3.5vw,44px)/1.18 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-1.2px;color:#103e34;margin:12px 0}
.timeline-heading p{font-size:14px;line-height:1.8;color:#58695f;max-width:530px}
.timeline-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;margin:0;padding:0;position:relative}
.timeline-track::before{content:'';position:absolute;left:7%;right:7%;top:25px;height:1px;background:linear-gradient(90deg,#d8bc80,#b9c9bd 70%,#d8bc80)}
.timeline-track li{position:relative;padding:0 10px 0 0;display:grid;grid-template-columns:52px 1fr;align-items:center;column-gap:10px;row-gap:13px}
.timeline-number{width:50px;height:50px;border:1px solid #d8bc80;border-radius:50%;display:grid;place-items:center;background:#f1f5f0;color:#103e34;font:700 13px 'Plus Jakarta Sans',sans-serif;z-index:1;box-shadow:0 0 0 8px #f1f5f0}
.timeline-track li>.material-symbols-outlined{font-size:22px;color:#a78645}
.timeline-track h3{grid-column:1/-1;font:700 18px/1.3 'Plus Jakarta Sans',sans-serif;color:#103e34;margin:4px 0 0}
.timeline-track p{grid-column:1/-1;font-size:12px;line-height:1.75;color:#617067;max-width:235px;margin:0}

/* Photo-led accessible testimonial carousel. */
.testimonial-carousel{max-width:1050px;margin:0 auto}
#kisah-jamaah,.journey-timeline{scroll-margin-top:132px}
.testimonial-slides{position:relative}
.testimonial-slide{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:390px;background:#fff;border:1px solid #e4e9e2;border-radius:22px;overflow:hidden;box-shadow:0 20px 55px #103e3410}
.testimonial-slide[hidden]{display:none!important}
.testimonial-slide:not([hidden]){animation:testimonialIn .48s ease both}
.testimonial-photo{position:relative;min-height:350px;overflow:hidden;background:#e8ede4}
.testimonial-photo::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0b302899)}
.testimonial-photo img{width:100%;height:100%;min-height:390px;position:absolute;inset:0;object-fit:cover;filter:saturate(.9)}
.testimonial-photo span{position:absolute;z-index:1;left:28px;bottom:25px;color:#fff;font-size:9px;font-weight:700;letter-spacing:1.5px}
.testimonial-copy{position:relative;padding:clamp(30px,5vw,66px);display:flex;flex-direction:column;justify-content:center}
.testimonial-quote-mark{position:absolute;right:35px;top:12px;color:#e8ddc3;font:700 100px/.9 Georgia,serif}
.testimonial-stars{color:#a78645;letter-spacing:4px;font-size:15px;margin-bottom:22px}
.testimonial-copy blockquote{position:relative;margin:0 0 30px;color:#25443a;font:500 clamp(17px,1.8vw,21px)/1.75 'Plus Jakarta Sans',Arial,sans-serif}
.testimonial-person{display:flex;align-items:center;gap:13px;border-top:1px solid #e7eae4;padding-top:20px}
.testimonial-person>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e9efe8;color:#103e34;font-size:12px;font-weight:700}
.testimonial-person strong,.testimonial-person small{display:block}
.testimonial-person strong{font:700 13px 'Plus Jakarta Sans',sans-serif;color:#203e34}
.testimonial-person small{font-size:11px;color:#718076;margin-top:4px}
.testimonial-controls{display:flex;align-items:center;gap:18px;justify-content:flex-end;padding:20px 6px 0}
.testimonial-dots{display:flex;align-items:center;gap:7px;margin-right:auto}
.testimonial-dots button{width:7px;height:7px;padding:0;border:0;border-radius:9px;background:#cbd4ca;transition:width .25s,background .25s}
.testimonial-dots button[aria-current=true]{width:26px;background:#103e34}
.testimonial-arrows{display:flex;gap:8px}
.testimonial-arrows button{width:42px;height:42px;border-radius:50%;border:1px solid #d8dfd6;background:#fff;color:#103e34;font-size:20px;transition:background .2s,color .2s,transform .2s}
.testimonial-arrows button:hover{background:#103e34;color:#fff;transform:translateY(-2px)}
.testimonial-count{font-size:11px;letter-spacing:1px;color:#6c7a70;font-variant-numeric:tabular-nums}
@keyframes testimonialIn{from{opacity:.45;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:700px){.journey-timeline{padding:62px 22px 68px}.timeline-heading{margin-bottom:36px}.timeline-track{grid-template-columns:1fr;gap:25px;padding-left:0}.timeline-track::before{top:19px;bottom:18px;left:24px;right:auto;width:1px;height:auto;background:linear-gradient(#d8bc80,#b9c9bd)}.timeline-track li{grid-template-columns:50px 1fr;column-gap:16px;row-gap:7px;align-items:center;padding:0}.timeline-number{grid-row:1/3}.timeline-track li>.material-symbols-outlined{grid-column:2;grid-row:1}.timeline-track h3,.timeline-track p{grid-column:2}.timeline-track h3{margin:0}.testimonial-slide{grid-template-columns:1fr;min-height:0}.testimonial-photo{min-height:230px}.testimonial-photo img{min-height:230px}.testimonial-photo span{left:20px;bottom:18px}.testimonial-copy{padding:28px 24px 26px}.testimonial-quote-mark{font-size:76px;right:20px}.testimonial-stars{margin-bottom:14px}.testimonial-copy blockquote{font-size:16px;line-height:1.7;margin-bottom:22px}.testimonial-controls{padding-top:15px}}
@media(prefers-reduced-motion:reduce){.testimonial-slide:not([hidden]){animation:none}}

/* Three compact stories share the viewport; the track advances one card at a time. */
.timeline-track{gap:0}
.timeline-track::before{left:12.5%;right:12.5%;top:25px}
.timeline-track li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:0 16px}
.timeline-number{flex:0 0 50px}
.timeline-track li>.material-symbols-outlined{margin:19px 0 9px;font-size:22px;line-height:1}
.timeline-track h3{margin:0 0 8px}
.timeline-track p{max-width:235px}
.testimonial-carousel{max-width:1120px}
.testimonial-viewport{overflow:hidden}
.testimonial-slides{position:relative;display:flex;align-items:stretch;gap:18px;will-change:transform}
.testimonial-slide,.testimonial-slide[hidden]{display:flex;flex:0 0 calc((100% - 36px)/3);min-width:0;min-height:0;flex-direction:column;border-radius:18px;box-shadow:0 14px 38px #103e340d;animation:none!important}
.testimonial-photo{flex:none;min-height:0;height:auto;aspect-ratio:1.72}
.testimonial-photo img{min-height:0}
.testimonial-photo span{left:17px;bottom:14px;font-size:8px;letter-spacing:1.1px}
.testimonial-copy{flex:1;padding:21px 20px 20px;justify-content:flex-start}
.testimonial-quote-mark{right:17px;top:7px;font-size:64px}
.testimonial-stars{font-size:12px;letter-spacing:3px;margin-bottom:12px}
.testimonial-copy blockquote{font-size:13px;line-height:1.7;margin-bottom:18px}
.testimonial-person{gap:10px;padding-top:14px;margin-top:auto}
.testimonial-person>span{width:36px;height:36px;font-size:10px}
.testimonial-person strong{font-size:11px}
.testimonial-person small{font-size:10px}
.testimonial-controls{padding:18px 4px 0}
@media(max-width:850px) and (min-width:701px){.testimonial-slide,.testimonial-slide[hidden]{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:700px){
  .timeline-track{grid-template-columns:1fr;gap:25px}
  .timeline-track::before{top:24px;bottom:24px;left:24px;right:auto;width:1px;height:auto}
  .timeline-track li{display:grid;grid-template-columns:50px 1fr;column-gap:16px;row-gap:7px;align-items:center;text-align:left;padding:0}
  .timeline-number{grid-column:1;grid-row:1/3;z-index:1}
  .timeline-track li>.material-symbols-outlined{grid-column:2;grid-row:1;margin:0;justify-self:start}
  .timeline-track h3,.timeline-track p{grid-column:2}
  .timeline-track h3{margin:0}
  .testimonial-slides{gap:14px}
  .testimonial-slide,.testimonial-slide[hidden]{flex-basis:100%}
  .testimonial-photo{aspect-ratio:1.9}
  .testimonial-copy{padding:23px 21px 20px}
  .testimonial-copy blockquote{font-size:14px;line-height:1.65}
  .testimonial-controls{padding-top:14px}
}
@media(prefers-reduced-motion:reduce){.testimonial-slides{will-change:auto}}

/* Milestone path inspired by the alternating arrow timeline reference. */
.journey-timeline{background:#f4f6f1;padding-top:86px;padding-bottom:92px}
.timeline-track{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(200px,1fr) 64px minmax(200px,1fr);gap:0;overflow:visible}
.timeline-track::before{display:none}
.timeline-step{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:subgrid!important;grid-row:span 3;padding:0!important;min-width:0;z-index:1}
.timeline-step:nth-child(1){--step-color:#174f43;z-index:4}
.timeline-step:nth-child(2){--step-color:#b08a3e;z-index:3}
.timeline-step:nth-child(3){--step-color:#257f70;z-index:2}
.timeline-step:nth-child(4){--step-color:#d0a342;z-index:1}
.timeline-detail{position:relative;width:calc(100% - 22px);max-width:250px;min-height:138px;padding:20px 17px 18px;border:1px solid #e4e9df;border-radius:15px;background:#fff;box-shadow:0 10px 28px #143e3210;text-align:center;justify-self:center}
.timeline-step:nth-child(odd) .timeline-detail{grid-row:1;align-self:end;margin-bottom:60px}
.timeline-step:nth-child(even) .timeline-detail{grid-row:3;align-self:start;margin-top:60px}
.timeline-icon{position:absolute;left:50%;width:48px;height:48px;display:grid;place-items:center;border:4px solid #f4f6f1;border-radius:50%;background:#fff;color:var(--step-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--step-color),white 48%);transform:translateX(-50%);z-index:3}
.timeline-step:nth-child(odd) .timeline-icon{bottom:-48px}
.timeline-step:nth-child(even) .timeline-icon{top:-48px}
.timeline-step:nth-child(odd) .timeline-icon::after,.timeline-step:nth-child(even) .timeline-icon::after{content:'';position:absolute;left:50%;width:2px;height:14px;background:var(--step-color);transform:translateX(-50%);z-index:-1}
.timeline-step:nth-child(odd) .timeline-icon::after{bottom:-15px}
.timeline-step:nth-child(even) .timeline-icon::after{top:-15px}
.timeline-icon .material-symbols-outlined{font-size:22px;line-height:1}
.timeline-detail h3{margin:0 0 7px;color:#153e34;font:700 16px/1.35 'Plus Jakarta Sans',Arial,sans-serif}
.timeline-detail p{max-width:215px;margin:0 auto;color:#637168;font-size:11px;line-height:1.65}
.timeline-ribbon{grid-row:2;position:relative;display:flex;align-items:center;justify-content:center;width:calc(100% + 1px);height:64px;background:var(--step-color);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%);}
.timeline-step:first-child .timeline-ribbon{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}
.timeline-number{display:block;height:auto;min-width:42px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:rgba(255,255,255,.3);font:italic 800 27px/1 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:.04em;text-align:center}
@media(max-width:700px){
  .journey-timeline{padding:64px 22px 70px}
  .timeline-track{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:17px;padding-left:0}
  .timeline-track::before{display:block;top:20px;bottom:22px;left:22px;right:auto;width:2px;height:auto;background:linear-gradient(#174f43,#b08a3e,#257f70,#d0a342)}
  .timeline-step{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;grid-template-rows:auto!important;grid-row:auto!important;column-gap:14px;align-items:start;z-index:auto}
  .timeline-detail,.timeline-step:nth-child(odd) .timeline-detail,.timeline-step:nth-child(even) .timeline-detail{grid-column:2;grid-row:1;align-self:stretch;justify-self:stretch;width:auto;max-width:none;min-height:0;margin:0;padding:17px 17px 16px;text-align:left}
  .timeline-icon,.timeline-step:nth-child(odd) .timeline-icon,.timeline-step:nth-child(even) .timeline-icon{position:static;left:auto;top:auto;bottom:auto;width:40px;height:40px;margin:0 0 11px;border-width:3px;transform:none}
  .timeline-icon::after{display:none}
  .timeline-icon .material-symbols-outlined{font-size:19px}
  .timeline-detail h3{font-size:15px;margin-bottom:6px}
  .timeline-detail p{max-width:none;margin:0;font-size:12px}
  .timeline-ribbon{grid-column:1;grid-row:1;position:relative;z-index:2;width:46px;height:46px;border-radius:50%;clip-path:none!important;box-shadow:0 0 0 5px #f4f6f1}
  .timeline-number{min-width:0;font-size:18px}
}

/* A calmer, formal timeline: clear milestones connected by a restrained gold rule. */
.timeline-track{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;gap:0;overflow:visible;padding-top:0}
.timeline-track::before{display:block;left:12.5%;right:12.5%;top:24px;height:1px;background:#cfb36f}
.timeline-step{display:block!important;grid-column:auto!important;grid-row:auto!important;grid-template-columns:none!important;grid-template-rows:none!important;min-width:0;padding:0 10px!important;z-index:1!important}
.timeline-step:nth-child(n){--step-color:#a88746}
.timeline-ribbon{position:absolute;top:0;left:50%;z-index:3;width:48px;height:48px;transform:translateX(-50%);display:grid;place-items:center;border:1px solid #cbb16e;border-radius:50%;background:#fff;clip-path:none;box-shadow:0 0 0 6px #f4f6f1}
.timeline-number{display:block;height:auto;min-width:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:#164b40;font:700 16px/1 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:.02em;text-align:center}
.timeline-step:nth-child(odd) .timeline-number{transform:none}
.timeline-detail,.timeline-step:nth-child(odd) .timeline-detail,.timeline-step:nth-child(even) .timeline-detail{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:auto;max-width:none;min-height:218px;margin:36px 0 0;padding:24px 20px 21px;border:1px solid #e2e8df;border-radius:17px;background:#fff;box-shadow:0 10px 26px #103e3409;text-align:left}
.timeline-icon,.timeline-step:nth-child(odd) .timeline-icon,.timeline-step:nth-child(even) .timeline-icon{position:static;left:auto;top:auto;right:auto;bottom:auto;width:44px;height:44px;flex:0 0 44px;margin:0 0 17px;border:0;border-radius:13px;background:#edf2ec;color:#a88746;box-shadow:none;transform:none}
.timeline-icon::after{display:none!important}
.timeline-icon .material-symbols-outlined{font-size:22px;line-height:1}
.timeline-detail h3{margin:0 0 8px;color:#153e34;font:700 16px/1.35 'Plus Jakarta Sans',Arial,sans-serif}
.timeline-detail p{max-width:none;margin:0;color:#637168;font-size:12px;line-height:1.75}
@media(max-width:700px){
  .timeline-track{grid-template-columns:1fr;grid-template-rows:none;gap:16px;padding-left:0}
  .timeline-track::before{top:23px;bottom:25px;left:23px;right:auto;width:1px;height:auto;background:linear-gradient(#cbb16e,#dfe5db)}
  .timeline-step{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto!important;column-gap:14px;align-items:start;padding:0!important;z-index:1!important}
  .timeline-ribbon{position:relative;top:auto;left:auto;grid-column:1;grid-row:1;width:48px;height:48px;transform:none;box-shadow:0 0 0 5px #f4f6f1}
  .timeline-detail,.timeline-step:nth-child(odd) .timeline-detail,.timeline-step:nth-child(even) .timeline-detail{grid-column:2;grid-row:1;width:auto;min-height:0;margin:0;padding:18px;border-radius:15px}
  .timeline-icon,.timeline-step:nth-child(odd) .timeline-icon,.timeline-step:nth-child(even) .timeline-icon{width:40px;height:40px;flex-basis:40px;margin-bottom:12px;border-radius:12px}
}

/* Editorial vertical journey flow, deliberately distinct from the service-card grid above. */
.journey-timeline{background:#f4f6f1;padding:88px 24px 94px}
.journey-timeline-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(48px,8vw,112px);align-items:center}
.timeline-heading{max-width:440px;margin:0}
.timeline-heading h2{max-width:420px;font-size:clamp(36px,4vw,48px);line-height:1.12;letter-spacing:-1.4px}
.timeline-heading p{max-width:390px;font-size:15px;line-height:1.85}
.timeline-track{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:0;padding:4px 0 0;overflow:visible}
.timeline-track::before{display:block;left:23px;right:auto;top:27px;bottom:49px;width:1px;height:auto;background:linear-gradient(#b89850,#d7e0d5)}
.timeline-step{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto!important;grid-column:auto!important;grid-row:auto!important;column-gap:26px!important;align-items:start;min-width:0;padding:0 0 28px!important;z-index:1!important}
.timeline-step:last-child{padding-bottom:0!important}
.timeline-step:nth-child(n){--step-color:#a88746}
.timeline-ribbon{position:relative;top:auto;left:auto;grid-column:1;grid-row:1;width:48px;height:48px;transform:none;display:grid;place-items:center;border:1px solid #cbb16e;border-radius:50%;background:#fff;clip-path:none;box-shadow:0 0 0 5px #f4f6f1}
.timeline-number{display:block;height:auto;min-width:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:#164b40;font:700 14px/1 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:.02em;text-align:center}
.timeline-detail,.timeline-step:nth-child(odd) .timeline-detail,.timeline-step:nth-child(even) .timeline-detail{position:relative;grid-column:2;grid-row:1;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;align-self:start;justify-self:stretch;column-gap:15px;row-gap:4px;width:auto;max-width:none;min-height:0;margin:0;padding:3px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:left}
.timeline-icon,.timeline-step:nth-child(odd) .timeline-icon,.timeline-step:nth-child(even) .timeline-icon{position:static;grid-column:1;grid-row:1/3;width:42px;height:42px;flex:none;margin:0;border:0;border-radius:13px;background:#e8eee7;color:#a88746;box-shadow:none;transform:none}
.timeline-icon::after{display:none!important}
.timeline-icon .material-symbols-outlined{font-size:21px;line-height:1}
.timeline-detail h3{grid-column:2;grid-row:1;margin:0;color:#153e34;font:700 17px/1.35 'Plus Jakarta Sans',Arial,sans-serif}
.timeline-detail p{grid-column:2;grid-row:2;max-width:460px;margin:0;color:#637168;font-size:13px;line-height:1.7}
.timeline-detail,.timeline-step:nth-child(odd) .timeline-detail,.timeline-step:nth-child(even) .timeline-detail{display:block;padding-top:8px}
.timeline-detail h3,.timeline-detail p{grid-column:auto;grid-row:auto}
@media(max-width:800px){
  .journey-timeline{padding:68px 22px 76px}
  .journey-timeline-inner{grid-template-columns:1fr;gap:38px;align-items:start}
  .timeline-heading{max-width:620px}
  .timeline-heading h2{max-width:540px}
  .timeline-heading p{max-width:540px}
  .timeline-track{max-width:660px;width:100%}
}
@media(max-width:520px){
  .timeline-track::before{left:21px}
  .timeline-step{grid-template-columns:44px minmax(0,1fr)!important;column-gap:16px!important;padding-bottom:24px!important}
  .timeline-ribbon{width:44px;height:44px}
  .timeline-detail,.timeline-step:nth-child(odd) .timeline-detail,.timeline-step:nth-child(even) .timeline-detail{grid-template-columns:38px minmax(0,1fr);column-gap:12px;padding-top:1px}
  .timeline-icon,.timeline-step:nth-child(odd) .timeline-icon,.timeline-step:nth-child(even) .timeline-icon{width:38px;height:38px;border-radius:11px}
  .timeline-detail h3{font-size:15px}
  .timeline-detail p{font-size:12px}
}
.brand small{font-size:10px;letter-spacing:3.5px;font-weight:600}
@media(max-width:700px){.brand small{font-size:9px;letter-spacing:2.7px}}
.journey-section-title span,.journey-section-title strong{display:block}
.journey-section-title span{font-weight:500}
.journey-section-title strong{font-weight:800}
@media(max-width:420px){.journey-section-title{font-size:clamp(25px,7vw,29px);line-height:1.15}}

/* Travel journal: an editorial feature-and-notes layout, intentionally distinct from the package cards. */
.travel-journal{position:relative;overflow:hidden;padding:clamp(76px,9vw,124px) 24px clamp(34px,5vw,58px);background:#103e34;color:#fff}
.travel-journal::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#cdb16e 18%,#cdb16e 82%,transparent);opacity:.75}
.travel-journal::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 84% 10%,#d8bc8016,transparent 35%),radial-gradient(ellipse at 4% 100%,#8ab49a12,transparent 34%)}
.travel-journal-inner{position:relative;z-index:1;max-width:1240px;margin:0 auto}
.journal-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}
.journal-heading>div{max-width:700px}
.journal-kicker{display:block;margin-bottom:14px;color:#d8bc80;font:700 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.22em}
.journal-heading h2{margin:0;color:#fff;font:600 clamp(34px,4.7vw,58px)/1.06 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.045em}
.journal-heading h2 em{color:#dec991;font-style:normal;font-weight:400}
.journal-heading>p{max-width:360px;margin:0 0 5px;color:#d4e0d9;font:400 14px/1.8 Inter,Arial,sans-serif}
.journal-layout{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);gap:22px;align-items:stretch}
.journal-feature,.journal-note{min-width:0;overflow:hidden;border:1px solid #ffffff20;border-radius:20px;background:#174b40;box-shadow:0 20px 50px #061d1824}
.journal-feature-summary{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:405px;cursor:pointer;list-style:none}
.journal-feature-summary::-webkit-details-marker,.journal-note summary::-webkit-details-marker{display:none}
.journal-feature-summary>img{position:absolute;inset:0 auto 0 0;width:47%;height:100%;object-fit:cover;object-position:center}
.journal-feature-wash{position:absolute;inset:0;background:linear-gradient(90deg,#103e3410 0%,#103e3400 34%,#174b40 50%,#174b40 100%)}
.journal-feature-label{position:absolute;top:22px;left:22px;padding:8px 11px;border:1px solid #fff4;border-radius:30px;background:#103e34c9;color:#f2ddb0;font:700 9px/1 Inter,Arial,sans-serif;letter-spacing:.14em;backdrop-filter:blur(8px)}
.journal-feature-label i{margin-left:10px;color:#ffffffb0;font-style:normal}
.journal-feature-copy{position:relative;grid-column:2;align-self:center;padding:64px 32px 32px clamp(30px,3.5vw,48px)}
.journal-reading,.journal-note-meta{display:flex;align-items:center;gap:10px;color:#e0c886;font:700 9px/1.4 Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.journal-feature-copy>strong{display:block;margin:15px 0 12px;color:#fff;font:700 clamp(23px,2.5vw,32px)/1.18 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.035em}
.journal-deck{display:block;max-width:390px;color:#d0ded7;font:400 13px/1.75 Inter,Arial,sans-serif}
.journal-read{display:inline-flex;align-items:center;gap:18px;margin-top:23px;color:#f1db9e;font:700 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.03em}
.journal-read b{display:grid;width:28px;height:28px;place-items:center;border:1px solid #d8bc806c;border-radius:50%;font-size:14px;font-weight:500;transition:transform .2s ease,background .2s ease}
.journal-feature-summary:hover .journal-read b,.journal-note summary:hover .journal-read b{transform:translate(2px,-2px);background:#d8bc801b}
.journal-article{padding:20px 28px 24px;border-top:1px solid #ffffff1c;background:#103e34}
.journal-article p{max-width:760px;margin:0 0 12px;color:#d7e2dc;font:400 13px/1.8 Inter,Arial,sans-serif}
.journal-article p:last-child{margin-bottom:0}
.journal-full-link{display:inline-flex;margin-top:16px;color:#f1db9e;font:700 11px/1.5 Inter,Arial,sans-serif;text-decoration:none;text-underline-offset:4px}
.journal-full-link:hover{text-decoration:underline}
.journal-side{display:grid;grid-template-rows:none;grid-auto-rows:minmax(185px,auto);gap:22px}
.journal-layout.journal-single{grid-template-columns:minmax(0,1fr)}
.journal-layout.journal-single .journal-feature-summary{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.journal-empty{grid-column:1/-1;margin:0;padding:34px;border:1px solid #ffffff22;border-radius:16px;color:#d7e2dc;font:400 14px/1.8 Inter,Arial,sans-serif}
.journal-note{display:flex;flex-direction:column}
.journal-note summary{display:grid;grid-template-columns:130px minmax(0,1fr);flex:1;min-height:190px;cursor:pointer;list-style:none}
.journal-note summary>img{width:100%;height:100%;min-height:190px;object-fit:cover}
.journal-note-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:18px 20px}
.journal-note-meta{justify-content:space-between;gap:8px;width:100%;font-size:8px;letter-spacing:.1em}
.journal-note-meta i{color:#ffffff95;font-style:normal;white-space:nowrap}
.journal-note-copy>strong{display:block;margin-top:13px;color:#fff;font:700 17px/1.35 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.025em}
.journal-note .journal-read{margin-top:15px;font-size:10px}
.journal-note .journal-read b{width:23px;height:23px;font-size:12px}
.journal-note .journal-article{padding:17px 20px 20px}
.journal-note .journal-article p{font-size:12px;line-height:1.75}
.journal-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:30px;padding-top:20px;border-top:1px solid #ffffff25}
.journal-footer>span{color:#b9c9c0;font:700 8px/1.6 Inter,Arial,sans-serif;letter-spacing:.16em}
.journal-footer>span i{padding:0 7px;color:#d8bc80;font-style:normal}
.journal-footer>a{display:inline-flex;align-items:center;gap:12px;color:#f1db9e;text-decoration:none;font:600 11px/1.5 Inter,Arial,sans-serif}
.journal-footer>a:hover{text-decoration:underline;text-underline-offset:5px}
.journal-feature-summary:focus-visible,.journal-note summary:focus-visible{outline:3px solid #e4cc8b;outline-offset:-4px}
@media(max-width:900px){.journal-layout{grid-template-columns:minmax(0,1fr)}.journal-feature-summary{min-height:360px}.journal-side{grid-template-columns:1fr 1fr;grid-template-rows:none}.journal-note summary{grid-template-columns:112px minmax(0,1fr);min-height:185px}.journal-note summary>img{min-height:185px}.journal-note-copy{padding:15px}.journal-note-copy>strong{font-size:15px}}
@media(max-width:620px){.travel-journal{padding:66px 19px 28px}.journal-heading{display:block;margin-bottom:28px}.journal-heading h2{font-size:clamp(33px,9vw,45px)}.journal-heading>p{margin-top:15px;font-size:13px}.journal-layout{gap:15px}.journal-feature-summary{display:block;min-height:0;padding-top:220px}.journal-feature-summary>img{width:100%;height:245px;inset:0 0 auto}.journal-feature-wash{background:linear-gradient(180deg,#103e3400 0%,#174b4000 39%,#174b40 61%,#174b40 100%)}.journal-feature-label{top:15px;left:15px}.journal-feature-copy{padding:27px 20px 24px}.journal-feature-copy>strong{font-size:25px}.journal-article{padding:18px 20px 21px}.journal-side{grid-template-columns:1fr;gap:15px}.journal-note summary{grid-template-columns:112px minmax(0,1fr);min-height:174px}.journal-note summary>img{min-height:174px}.journal-note-copy>strong{font-size:16px}.journal-footer{align-items:flex-start;flex-direction:column;margin-top:22px}.journal-footer>span{font-size:7px}.journal-footer>a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.journal-read b{transition:none}}

/* Approved Permata Tour & Travel wordmark lockup */
.brand{gap:0}
.brand img.brand-mark{display:block;width:250px;height:68px;flex:0 0 250px;object-fit:cover;object-position:50% 43%;border-radius:0;background:#fff;mix-blend-mode:multiply}
.brand img.brand-mark::before,.brand img.brand-mark::after{display:none!important;content:none!important}
@media(max-width:1000px){.nav-wrap{gap:16px}.desktop-nav{gap:17px}.brand img.brand-mark{width:225px;height:61px;flex-basis:225px}}
@media(max-width:900px){.nav-wrap{padding:0 24px}.desktop-nav,.nav-consult{display:none}.menu-toggle{display:grid;place-content:center;width:40px;height:40px;gap:6px;border:1px solid #103e3425;border-radius:6px;background:#fff}.menu-toggle span{display:block;width:17px;height:1px;background:#103e34;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}}
@media(max-width:700px){.brand img.brand-mark{width:180px;height:48px;flex-basis:180px;object-position:50% 43%}}

/* Hanging bullets keep wrapped travel highlights aligned with their text. */
.hanging-list{list-style:none;padding-left:0}
.hanging-list li{position:relative;padding-left:1em;line-height:1.55}
.hanging-list li::before{content:"•";position:absolute;left:0;top:0;color:#8b6b33}