body[data-page="about"]{background:#e9e0d1;color:#29311d}body[data-page="about"] #page-content{max-width:none;padding-bottom:0}body[data-page="about"] .breadcrumb{max-width:1440px;margin:1rem auto;padding:0 24px}.about-poster{--olive:#29311d;--brown:#87501f;--terra:#b86f3f;isolation:isolate;background:#f4ecdd;box-shadow:0 28px 90px #412b1830;display:grid;grid-template-columns:minmax(430px,1.08fr) minmax(350px,.75fr) minmax(355px,.77fr);grid-template-rows:auto auto;min-height:820px;margin:0 auto 3rem;max-width:1500px;overflow:hidden;padding:50px 44px 0;position:relative}.poster-paper-grain{background-image:radial-gradient(#6b512918 .7px,transparent .8px),radial-gradient(#6b512912 .6px,transparent .7px);background-position:0 0,7px 9px;background-size:13px 13px,17px 17px;inset:0;mix-blend-mode:multiply;opacity:.6;pointer-events:none;position:absolute;z-index:-1}.poster-copy{padding-right:16px;position:relative;z-index:5}.poster-overline{align-items:center;color:var(--brown);display:flex;font-size:13px;font-weight:900;gap:10px;letter-spacing:.12em;margin:0 0 20px;text-transform:uppercase}.poster-petra-mark{border:2px solid var(--brown);border-radius:18px 18px 3px 3px;font-size:22px;padding:5px 8px}.poster-copy h1{color:var(--olive);font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(68px,6.3vw,104px);letter-spacing:.015em;line-height:.82;margin:0;white-space:nowrap}.poster-script{color:var(--brown);font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:clamp(31px,3vw,49px);line-height:1.1;margin:12px 0 10px;transform:rotate(-1deg)}.poster-rule{align-items:center;color:#9f6b30;display:flex;font-size:14px;gap:8px;margin:14px 0}.poster-rule:before,.poster-rule:after{background:#a67640;content:"";height:1px;flex:1}.poster-intro{font-size:15px;line-height:1.62;max-width:610px}.poster-intro p{margin:0 0 16px}.poster-solo{align-items:center;background:#f7f0e4cc;border:2px solid #9e8153;border-radius:18px;box-shadow:inset 0 0 0 4px #fff7e480;display:grid;gap:17px;grid-template-columns:70px 1fr;margin-top:18px;padding:15px 18px}.poster-solo h2{border-bottom:3px solid var(--olive);font-family:"Bradley Hand","Segoe Print",cursive;font-size:26px;font-weight:500;margin:0 0 8px;padding-bottom:5px}.poster-solo p{font-size:13px;line-height:1.45;margin:0 0 8px}.poster-solo strong{color:#4f452a;font-family:Georgia,serif;font-size:15px;font-style:italic}.poster-icon{border:2px solid currentColor;border-radius:50%;color:var(--olive);display:block;flex:0 0 48px;height:48px;position:relative;width:48px}.poster-icon:before{font-size:23px;inset:0;display:grid;place-items:center;position:absolute}.poster-icon-person{height:64px;width:64px}.poster-icon-person:before{content:"♙";font-size:38px}.poster-icon-pin:before{content:"⌖"}.poster-icon-pack:before{content:"♧"}.poster-icon-car:before{content:"▰"}.poster-icon-chat:before{content:"☏"}.poster-icon-sign:before{content:"↔"}.poster-icon-heart:before{content:"♡"}.poster-icon-mail:before{content:"✉"}.poster-collage{min-height:650px;position:relative;z-index:4}.polaroid{background:#fff8ea;box-shadow:0 12px 24px #3d281b35;margin:0;padding:10px 10px 28px;position:absolute}.polaroid img{display:block;height:100%;object-fit:cover;width:100%}.polaroid figcaption{bottom:5px;color:#6d4d31;font-family:"Bradley Hand",cursive;font-size:13px;position:absolute;right:14px}.polaroid-jerash{height:220px;left:22%;top:-40px;transform:rotate(-9deg);width:210px}.polaroid-petra{height:265px;right:1%;top:145px;transform:rotate(8deg);width:225px;z-index:3}.polaroid-deadsea{height:205px;left:0;top:325px;transform:rotate(-7deg);width:210px}.poster-stamp{align-items:center;border:2px solid #566043;border-radius:50%;color:#566043;display:flex;flex-direction:column;font-size:10px;font-weight:800;height:126px;justify-content:center;left:-12px;letter-spacing:.08em;line-height:1.2;position:absolute;text-align:center;top:120px;transform:rotate(-9deg);width:126px}.poster-stamp b{font-size:25px}.poster-compass{background:radial-gradient(circle,#201d13 0 39%,#b38143 40% 44%,#2b2618 45% 52%,#a77a42 53% 56%,#272216 57%);border-radius:50%;box-shadow:0 10px 18px #38241466;color:#f0d39e;display:grid;height:130px;left:36%;place-items:center;position:absolute;top:465px;width:130px;z-index:5}.poster-compass span{font-size:9px;position:absolute;top:10px}.poster-compass b{font-size:52px}.poster-compass i{bottom:11px;font-family:"Bradley Hand",cursive;font-size:11px;position:absolute}.poster-route{fill:none;height:350px;left:12%;position:absolute;stroke:#7b613e;stroke-dasharray:5 7;stroke-width:2;top:40px;width:270px;z-index:-1}.poster-route circle{fill:#87501f;stroke:none}.poster-guide{position:relative;z-index:3}.jordan-map{height:330px;margin:-68px auto -60px;position:relative;width:235px}.jordan-map svg{fill:#d9bc88aa;height:100%;stroke:#87643c;stroke-width:2;width:100%}.jordan-map .map-route{fill:none;stroke:#5b5733;stroke-dasharray:7 6}.jordan-map circle{fill:#594c28}.jordan-map span{font-family:"Bradley Hand",cursive;font-size:31px;left:77px;position:absolute;top:132px;transform:rotate(-7deg)}.poster-feature-list{display:grid;gap:0;position:relative;z-index:3}.poster-feature-list article{align-items:center;background:#f8f1e6e8;border:1.5px solid #9b7548;border-radius:18px;display:flex;gap:14px;min-height:102px;padding:12px}.poster-feature-list h2{color:#2d301f;font-family:"Arial Narrow",Arial,sans-serif;font-size:16px;line-height:1.05;margin:0 0 5px;text-transform:uppercase}.poster-feature-list p{font-size:11px;line-height:1.35;margin:0}.poster-skyline{align-self:end;background:linear-gradient(180deg,transparent 0 34%,#c7a37755 35% 38%,transparent 39%),linear-gradient(135deg,transparent 42%,#8c684a44 43% 47%,transparent 48%) 0 20px/75px 95px repeat-x;bottom:108px;height:155px;left:32%;position:absolute;right:0;z-index:0}.poster-trust{align-items:stretch;border-top:1px solid #9b805a;display:grid;grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin-top:24px;position:relative;z-index:6}.poster-trust article{align-items:center;border-right:1px solid #a68e69;display:flex;gap:12px;min-height:104px;padding:18px}.poster-trust article:last-child{border-right:0}.poster-trust .poster-icon{border:0;flex-basis:42px;height:42px;width:42px}.poster-trust h2{font-family:"Arial Narrow",Arial,sans-serif;font-size:14px;line-height:1.1;margin:0 0 4px;text-transform:uppercase}.poster-trust p,.poster-trust a{color:#443b29;font-size:11px;line-height:1.35;margin:0;overflow-wrap:anywhere}
@media(max-width:1180px){.about-poster{grid-template-columns:1.08fr .75fr .88fr;padding:42px 28px 0}.poster-copy h1{font-size:72px}.poster-script{font-size:32px}.poster-intro{font-size:13px}.polaroid-jerash{left:15%}.poster-feature-list h2{font-size:14px}}
@media(max-width:900px){body[data-page="about"] .breadcrumb{padding:0 16px}.about-poster{display:flex;flex-direction:column;margin-bottom:2rem;padding:34px 22px 0}.poster-copy{order:1;padding:0}.poster-copy h1{font-size:clamp(54px,14vw,84px);white-space:normal}.poster-script{font-size:clamp(28px,7vw,42px)}.poster-intro{font-size:15px;max-width:none}.poster-solo{margin-top:24px}.poster-collage{min-height:600px;order:2;margin-top:40px}.polaroid-jerash{left:8%;top:5px}.polaroid-petra{right:6%;top:180px}.polaroid-deadsea{left:8%;top:350px}.poster-stamp{left:44%;top:40px}.poster-compass{left:44%;top:420px}.poster-guide{order:3}.jordan-map{margin:-30px auto -55px}.poster-feature-list{gap:10px}.poster-feature-list article{min-height:92px}.poster-feature-list p{font-size:13px}.poster-trust{grid-template-columns:1fr 1fr;order:4;margin-top:45px}.poster-trust article:nth-child(2){border-right:0}.poster-trust article{border-bottom:1px solid #a68e69}.poster-skyline{display:none}}
@media(max-width:560px){.about-poster{padding:28px 16px 0}.poster-overline{font-size:11px}.poster-copy h1{font-size:54px}.poster-script{font-size:29px}.poster-intro{font-size:14px;line-height:1.65}.poster-solo{align-items:start;grid-template-columns:1fr;padding:16px}.poster-solo .poster-icon{display:none}.poster-solo h2{font-size:23px}.poster-collage{display:grid;gap:18px;grid-template-columns:1fr 1fr;min-height:0;margin:34px 0;padding-bottom:10px}.polaroid{height:215px!important;inset:auto!important;position:relative;transform:none!important;width:auto!important}.polaroid-petra{grid-row:span 2;height:448px!important}.poster-stamp,.poster-compass,.poster-route{display:none}.jordan-map{height:280px;margin:0 auto -42px}.poster-feature-list article{border-radius:14px}.poster-feature-list .poster-icon{flex-basis:40px;height:40px;width:40px}.poster-feature-list h2{font-size:13px}.poster-feature-list p{font-size:12px}.poster-trust{grid-template-columns:1fr;margin-top:32px}.poster-trust article{border-right:0;min-height:90px;padding:14px 6px}.poster-trust article:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.polaroid{transform:none}}

/* Spacious composition pass: preserve scale, add room around each idea. */
@media (min-width:1181px){
  .about-poster{
    column-gap:clamp(42px,4vw,78px);
    grid-template-columns:minmax(500px,1.12fr) minmax(390px,.82fr) minmax(390px,.82fr);
    max-width:1780px;
    min-height:940px;
    padding:72px clamp(48px,4.5vw,82px) 0;
  }
  .poster-copy{padding-right:0}
  .poster-overline{margin-bottom:30px}
  .poster-script{margin:22px 0 18px}
  .poster-rule{margin:24px 0 28px}
  .poster-intro{line-height:1.72;max-width:62ch}
  .poster-intro p{margin-bottom:25px}
  .poster-solo{gap:24px;grid-template-columns:78px 1fr;margin-top:34px;padding:25px 28px}
  .poster-solo h2{margin-bottom:13px;padding-bottom:9px}
  .poster-solo p{line-height:1.58;margin-bottom:13px}
  .poster-collage{min-height:735px}
  .polaroid-jerash{left:20%;top:-5px}
  .polaroid-petra{right:0;top:190px}
  .polaroid-deadsea{left:0;top:415px}
  .poster-stamp{left:-2px;top:165px}
  .poster-compass{left:39%;top:530px}
  .poster-route{left:14%;top:92px}
  .jordan-map{height:350px;margin:-28px auto -24px;width:250px}
  .poster-feature-list{gap:14px}
  .poster-feature-list article{min-height:106px;padding:16px 17px}
  .poster-feature-list h2{margin-bottom:8px}
  .poster-feature-list p{line-height:1.48}
  .poster-trust{gap:0;margin-top:46px}
  .poster-trust article{gap:18px;min-height:124px;padding:25px clamp(20px,2vw,34px)}
  .poster-trust h2{margin-bottom:8px}
  .poster-trust p,.poster-trust a{line-height:1.5}
  .poster-skyline{bottom:124px}
}

@media (min-width:901px) and (max-width:1180px){
  .about-poster{column-gap:30px;padding:52px 34px 0}
  .poster-overline{margin-bottom:25px}
  .poster-script{margin:18px 0}
  .poster-rule{margin:20px 0 24px}
  .poster-intro{line-height:1.7}
  .poster-intro p{margin-bottom:22px}
  .poster-solo{margin-top:28px;padding:22px}
  .poster-feature-list{gap:10px}
  .poster-trust{margin-top:38px}
  .poster-trust article{padding:22px 16px}
}

@media (max-width:900px){
  .about-poster{gap:0;padding-top:46px}
  .poster-overline{margin-bottom:28px}
  .poster-script{margin:20px 0}
  .poster-rule{margin:22px 0 28px}
  .poster-intro{line-height:1.75}
  .poster-intro p{margin-bottom:25px}
  .poster-solo{margin-top:38px;padding:24px}
  .poster-solo h2{margin-bottom:12px;padding-bottom:9px}
  .poster-solo p{line-height:1.6;margin-bottom:12px}
  .poster-collage{margin-top:64px}
  .poster-guide{margin-top:58px}
  .jordan-map{margin-bottom:-28px}
  .poster-feature-list{gap:16px}
  .poster-feature-list article{padding:17px}
  .poster-trust{margin-top:62px}
  .poster-trust article{gap:17px;padding:22px}
}

@media (max-width:560px){
  .about-poster{padding:38px 18px 0}
  .poster-overline{margin-bottom:24px}
  .poster-script{margin:18px 0}
  .poster-rule{margin:22px 0 26px}
  .poster-intro{line-height:1.72}
  .poster-intro p{margin-bottom:24px}
  .poster-solo{margin-top:36px;padding:22px 19px}
  .poster-collage{gap:22px;margin:58px 0 0;padding-bottom:0}
  .poster-guide{margin-top:58px}
  .jordan-map{margin-bottom:-18px}
  .poster-feature-list{gap:14px}
  .poster-feature-list article{padding:16px 14px}
  .poster-trust{margin-top:58px}
  .poster-trust article{gap:18px;min-height:105px;padding:20px 10px}
}

/* Content-first layout: natural height, clear story rows, no collage overlap. */
.about-poster{
  align-items:start;
  grid-template-rows:none;
  overflow:clip;
}
.poster-copy,.poster-collage,.poster-guide,.poster-trust{min-width:0}
.poster-intro p,.poster-solo p,.poster-feature-list p,.poster-trust p{overflow:visible}
.poster-feature-list article,.poster-trust article{height:auto;max-height:none;overflow:visible}

@media (min-width:901px){
  .about-poster{
    column-gap:clamp(56px,5vw,104px);
    display:grid;
    grid-template-columns:minmax(480px,1.05fr) minmax(460px,.95fr);
    min-height:0;
    padding-bottom:0;
    row-gap:clamp(80px,8vw,132px);
  }
  .poster-copy{grid-column:1;grid-row:1}
  .poster-collage{
    align-self:center;
    display:grid;
    gap:26px;
    grid-column:2;
    grid-row:1;
    grid-template-columns:repeat(2,minmax(0,1fr));
    min-height:0;
    padding:20px 0;
  }
  .polaroid{
    height:auto;
    inset:auto;
    min-height:0;
    position:relative;
    transform:none;
    width:auto;
  }
  .polaroid img{aspect-ratio:4/3;height:auto}
  .polaroid-petra{grid-column:2;grid-row:1/span 2}
  .polaroid-petra img{aspect-ratio:3/4;height:100%}
  .polaroid-jerash{grid-column:1;grid-row:1}
  .polaroid-deadsea{grid-column:1;grid-row:2}
  .poster-stamp{
    bottom:-52px;
    left:auto;
    opacity:.72;
    right:36px;
    top:auto;
    transform:none;
  }
  .poster-compass{
    bottom:-55px;
    left:34px;
    opacity:.9;
    top:auto;
  }
  .poster-route{display:none}
  .poster-guide{
    align-items:center;
    border-top:1px solid #a98c654d;
    display:grid;
    gap:clamp(64px,7vw,120px);
    grid-column:1/-1;
    grid-row:2;
    grid-template-columns:minmax(330px,.72fr) minmax(600px,1.28fr);
    padding:clamp(72px,7vw,110px) clamp(24px,3vw,54px) 0;
  }
  .jordan-map{
    height:auto;
    margin:0 auto;
    max-width:330px;
    width:100%;
  }
  .jordan-map svg{display:block;height:auto;overflow:visible}
  .jordan-map span{left:34%;top:34%}
  .poster-feature-list{gap:20px}
  .poster-feature-list article{
    align-items:flex-start;
    min-height:0;
    padding:22px 24px;
  }
  .poster-feature-list h2{font-size:17px;line-height:1.18;margin-bottom:10px}
  .poster-feature-list p{font-size:13px;line-height:1.58}
  .poster-trust{
    grid-column:1/-1;
    grid-row:3;
    margin-top:0;
  }
  .poster-skyline{display:none}
}

@media (min-width:901px) and (max-width:1280px){
  .about-poster{
    column-gap:52px;
    grid-template-columns:minmax(420px,1fr) minmax(400px,1fr);
    padding-left:38px;
    padding-right:38px;
    row-gap:90px;
  }
  .poster-copy h1{font-size:66px}
  .poster-script{font-size:31px}
  .poster-collage{gap:20px}
  .poster-guide{
    gap:58px;
    grid-template-columns:minmax(280px,.65fr) minmax(520px,1.35fr);
    padding-left:12px;
    padding-right:12px;
  }
  .poster-trust{grid-template-columns:repeat(2,1fr)}
  .poster-trust article:nth-child(2){border-right:0}
  .poster-trust article:nth-child(-n+2){border-bottom:1px solid #a68e69}
}

@media (min-width:901px) and (max-width:1050px){
  .about-poster{
    display:flex;
    gap:0;
    padding-left:44px;
    padding-right:44px;
  }
  .poster-copy,.poster-collage,.poster-guide,.poster-trust{width:100%}
  .poster-copy{order:1}
  .poster-collage{margin-top:82px;order:2}
  .poster-guide{margin-top:104px;order:3}
  .poster-trust{margin-top:94px;order:4}
}

@media (max-width:900px){
  .about-poster{overflow:clip}
  .poster-collage{
    display:grid;
    gap:24px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    min-height:0;
    padding-bottom:0;
  }
  .polaroid{
    height:auto!important;
    inset:auto!important;
    min-height:0;
    position:relative;
    transform:none!important;
    width:auto!important;
  }
  .polaroid img{aspect-ratio:4/3;height:auto}
  .polaroid-petra{grid-row:span 2}
  .polaroid-petra img{aspect-ratio:3/4;height:100%}
  .poster-stamp,.poster-compass,.poster-route{display:none}
  .poster-guide{border-top:1px solid #a98c654d;padding-top:58px}
  .jordan-map{height:auto;margin:0 auto 48px;max-width:290px;width:80%}
  .jordan-map svg{display:block;height:auto;overflow:visible}
  .jordan-map span{left:34%;top:34%}
  .poster-feature-list article{align-items:flex-start;height:auto;min-height:0;padding:20px}
  .poster-feature-list h2{line-height:1.2;margin-bottom:9px}
  .poster-feature-list p{line-height:1.55}
  .poster-trust article{height:auto;min-height:0}
}

@media (max-width:560px){
  body[data-page="about"]{overflow-x:hidden}
  .about-poster{max-width:100%;overflow:clip}
  .poster-copy h1{overflow-wrap:anywhere}
  .poster-collage{gap:18px;grid-template-columns:1fr}
  .polaroid-petra{grid-row:auto}
  .polaroid img,.polaroid-petra img{aspect-ratio:4/3;height:auto}
  .poster-guide{padding-top:52px}
  .jordan-map{margin-bottom:44px;width:88%}
  .poster-feature-list article{gap:14px;padding:20px 16px}
  .poster-feature-list .poster-icon{flex:0 0 42px}
  .poster-trust{display:grid;grid-template-columns:1fr}
  .poster-trust article{border-bottom:1px solid #a68e69!important;border-right:0}
  .poster-trust article:last-child{border-bottom:0!important}
}

/* Compact map-and-notes composition. */
@media (min-width:901px){
  .poster-guide{
    gap:clamp(42px,5vw,76px);
    grid-template-columns:minmax(220px,280px) minmax(0,1fr);
    padding:clamp(52px,5vw,72px) clamp(24px,3vw,54px) 0;
  }
  .jordan-map{max-width:245px}
  .poster-feature-list{
    display:grid;
    gap:14px;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .poster-feature-list article{
    background:#f8f1e6f2;
    border:1.5px solid #a36b43;
    border-radius:16px;
    gap:12px;
    min-height:116px;
    padding:16px;
  }
  .poster-feature-list .poster-icon{
    flex:0 0 40px;
    height:40px;
    width:40px;
  }
  .poster-feature-list h2{
    color:#37442d;
    font-size:15px;
    line-height:1.18;
    margin-bottom:7px;
  }
  .poster-feature-list p{font-size:12px;line-height:1.48}
}

@media (min-width:901px) and (max-width:1050px){
  .poster-guide{
    grid-template-columns:minmax(210px,250px) minmax(0,1fr);
    padding-left:0;
    padding-right:0;
  }
  .jordan-map{max-width:225px}
}

@media (max-width:900px){
  .poster-guide{margin-top:52px;padding-top:48px}
  .jordan-map{margin:0 auto 36px;max-width:230px;width:68%}
  .poster-feature-list{gap:12px}
  .poster-feature-list article{
    background:#f8f1e6f2;
    border-color:#a36b43;
    border-radius:15px;
    padding:16px;
  }
  .poster-feature-list h2{color:#37442d;font-size:14px}
  .poster-feature-list p{font-size:13px}
}

@media (max-width:560px){
  .poster-guide{margin-top:44px;padding-top:42px}
  .jordan-map{margin-bottom:30px;max-width:210px;width:64%}
  .poster-feature-list article{gap:12px;padding:15px 14px}
  .poster-feature-list .poster-icon{flex-basis:38px;height:38px;width:38px}
  .poster-feature-list h2{font-size:13px}
  .poster-feature-list p{font-size:12px;line-height:1.5}
}
