/* Wanderology's photographic presentation, scoped to public and account pages.
   Photos are local: no tracking, remote image dependency, or runtime script.
   A 70% navy scrim gives white copy AA contrast even over a white image pixel. */
.ww-scene{position:relative;isolation:isolate;overflow:hidden;background:var(--brand-navy)}
.ww-scene picture,.ww-scene picture img{position:absolute;inset:0;width:100%;height:100%;display:block}
.ww-scene picture{z-index:-2}
.ww-scene picture img{object-fit:cover;object-position:62% 55%}
.ww-scene::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(41,54,74,.70)}
.pub-hero.ww-scene{color:var(--brand-white);padding:100px var(--gutter) 108px;min-height:620px;display:flex;flex-direction:column;justify-content:center;border:0}
.pub-hero.ww-scene .pub-h1{max-width:940px;font-size:clamp(40px,5.7vw,78px);font-size:round(clamp(40px,5.7vw,78px),1px);line-height:1.08;text-wrap:balance;margin-bottom:28px}
.pub-hero.ww-scene .pub-lede{color:var(--brand-white);max-width:670px;font-size:17px;line-height:1.7;margin-bottom:32px}
.pub-hero.ww-scene .pub-btn.outline{color:var(--brand-white);border-color:var(--brand-white)}
.pub-hero.ww-scene .pub-btn.outline:hover{color:var(--brand-navy);background:var(--brand-white)}
.pub-hero.ww-scene :focus-visible{outline-color:var(--brand-white)}
.pub-home .pub-band{display:none}
.pub-platform{padding-top:96px;padding-bottom:96px}
.pub-platform>.pub-section-title{max-width:700px}
.pub-platform .pub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 42px;margin-top:48px}
.pub-platform .pub-card{padding:24px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}
.pub-platform .pub-tile{background:none;justify-content:flex-start;width:auto;height:32px;border-radius:0}
.pub-platform .pub-tile .ti{font-size:30px}
.pub-platform .pub-card h3{font-size:25px;margin:18px 0 12px}
.pub-platform .pub-card p{font-size:15px;line-height:1.75}
.pub-travelers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center;padding-top:32px!important;padding-bottom:96px}
.pub-traveler-photo{display:block;width:100%;height:600px;object-fit:cover;object-position:45% center;border-radius:4px}
.pub-travelers .pub-note{border:0;border-radius:0;padding:24px;margin:24px 0;background:var(--brand-ice)}
.pub-travelers .pub-actions{gap:12px;justify-content:flex-start}
.pub-questions{display:grid;grid-template-columns:1fr 2fr;gap:64px;padding-bottom:80px}
.pub-questions .pub-section-title{margin-top:0}
.pub-questions .pub-faq{max-width:none}
body.ww-account{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;padding:0;background:var(--brand-white)}
.ww-account>.ww-scene{grid-column:1;grid-row:1/3;align-self:stretch;min-height:100svh;display:flex;align-items:flex-end;padding:clamp(32px,5vw,80px)}
.ww-account>.ww-scene p{font-family:var(--font-display);font-size:clamp(40px,4.5vw,64px);font-size:round(clamp(40px,4.5vw,64px),1px);line-height:1.12;color:var(--brand-white);max-width:9ch;text-wrap:balance;margin:0 0 32px}
.ww-account>.card{grid-column:2;grid-row:1;max-width:520px;padding:48px 40px 24px;margin:auto;border:0;box-shadow:none;border-radius:0}
.ww-account .card h1{font-size:clamp(30px,3vw,40px);font-size:round(clamp(30px,3vw,40px),1px);line-height:1.15;text-wrap:balance;margin-bottom:18px}
.ww-account .account-intro{font-size:15px;line-height:1.7}
.ww-account>footer{grid-column:2;grid-row:2;padding:0 24px 28px}
.ww-account .btn:not(.outline):not(.btn-outline-panel),.ww-signup button:not(.secondary),.ww-signup .button{background:var(--action,#29364a);color:#ffffff;border:1px solid var(--action,#29364a);border-radius:999px;box-shadow:none;min-height:48px}
.ww-account .btn:not(.outline):not(.btn-outline-panel):hover,.ww-signup button:not(.secondary):hover,.ww-signup .button:hover{background:var(--action-hover,#000000);color:#ffffff;border-color:var(--action-hover,#000000)}
.ww-account .text-input:focus{outline:2px solid var(--brand-navy);outline-offset:3px}
.ww-signup .intro{max-width:none}
.ww-signup .ww-signup-scene{height:220px;margin-top:0;grid-column:1;grid-row:2;border-radius:var(--radius-card,16px)}
.ww-signup .ww-signup-scene::after{display:none}
.ww-signup .form-panel{padding:36px;border-color:var(--brand-mist);border-radius:var(--radius-card,16px);box-shadow:0 14px 40px rgba(41,54,74,.06)}
.ww-signup .steps [aria-current=step]:before{background:var(--brand-teal);color:var(--brand-navy);border-color:var(--brand-navy)}
.ww-signup button:disabled{background:var(--brand-mist);color:var(--brand-navy);cursor:wait}
@media(max-width:900px){
  .pub-platform .pub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .pub-travelers{gap:32px}.pub-traveler-photo{height:560px}
  .pub-questions{gap:32px;grid-template-columns:1fr 1.7fr}
  .ww-account>.card{padding:36px 28px 20px}
}
@media(max-width:760px){
  .pub-hero.ww-scene{min-height:0;padding:64px var(--gutter) 72px}
  .pub-hero.ww-scene .pub-lede{font-size:16px}
  .pub-platform{padding-top:56px;padding-bottom:56px}
  .pub-travelers{grid-template-columns:1fr;gap:32px;padding-bottom:56px}
  .pub-traveler-photo{height:300px;object-position:center 60%}
  .pub-questions{display:block;padding-bottom:40px}.pub-questions .pub-section-title{margin-bottom:28px}
  body.ww-account{display:flex;padding:0 20px}
  .ww-account>.ww-scene{min-height:0;height:190px;width:calc(100% + 40px);flex:none;padding:24px;align-self:center}
  .ww-account>.ww-scene p{font-size:30px;max-width:15ch;margin:0}
  .ww-account>.card{padding:28px 0 12px;max-width:440px}
  .ww-account .logo{width:68px;margin-bottom:16px}
  .ww-account>footer{padding:0 0 24px}
  .ww-signup .ww-signup-scene{height:160px;margin:24px 0}
  .ww-signup .form-panel{padding:24px}
}
@media(max-width:480px){
  .pub-platform .pub-grid{grid-template-columns:1fr;gap:28px;margin-top:32px}
}

.ww-account>footer a{color:var(--brand-navy)}
.ww-signup header>a:first-child{font-family:var(--font-display);font-size:24px;text-decoration:none;white-space:nowrap}
.ww-signup header>a:last-child{font-size:13px;text-align:right}
.ww-signup main{row-gap:24px}
.ww-signup .form-panel{grid-column:2;grid-row:1/3}
.ww-signup .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ww-signup .steps li{flex-direction:column;align-items:flex-start;font-size:13px;gap:8px}
@media(max-width:760px){.ww-signup .steps{margin:24px 0}.ww-signup .steps li{padding:0;font-size:12px}.ww-signup .ww-signup-scene{margin:24px 0 0}.ww-signup .form-panel{margin-top:24px}}