/* Scoped to the five outdoor journeys. The main website and catalog keep their own styles. */
#detailDialog:has(.pj) .detail-top { background:#181717; }
#detailDialog:has(.pj) .detail-top::after { content:''; position:absolute; left:0; right:0; bottom:-8px; height:8px; background:#181717; pointer-events:none; }
#detailDialog:has(.pj[data-navigation="pinned"]) .detail-top::after { bottom:-70px; height:70px; }
.pj { --pj-ink:#252824; --pj-paper:#e7e0d4; --pj-soft:#bab4a8; --pj-cover:50%; margin-inline:calc(-1 * var(--shell) + 12px); }
.pj h2,.pj h3,.pj h4,.pj p,.pj figure { margin:0; }
.pj button,.pj a { -webkit-tap-highlight-color:transparent; }
.pj button { border:0; background:none; color:inherit; }
.pj [hidden] { display:none !important; }
.pj .pj-inset { margin-inline:clamp(24px,5.5vw,100px); }
.pj .pj-kicker { font-size:10px; line-height:1.5; letter-spacing:.1em; text-transform:uppercase; font-weight:400; }
.pj .pj-nav { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:58px; margin:0 clamp(12px,5.5vw,100px) 18px; font-size:11px; }
.pj .pj-nav a,.pj .pj-nav button { display:inline-flex; align-items:center; gap:24px; min-height:44px; }
.pj .pj-nav > span { margin-left:auto; margin-right:32px; color:var(--pj-soft); font-size:10px; }
.pj .pj-nav button { border-bottom:1px solid #655f56; }
.pj .pj-hero { position:relative; height:calc(100svh - 176px); min-height:560px; max-height:1000px; border-radius:20px; overflow:hidden; isolation:isolate; background:#393d35; }
.pj .pj-hero-media { position:absolute; inset:0; width:100%; height:100%; max-height:none; border-radius:0; }
.pj .pj-hero-image { display:block; width:100%; height:100%; max-height:none; object-fit:cover; object-position:var(--pj-hero-position); transform:scale(1.045); }
.pj .pj-hero-shade { position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(12,20,20,.25),transparent 27%,transparent 43%,rgba(12,17,15,.38) 78%,rgba(12,17,15,.68)); }
.pj .pj-hero-category { position:absolute; top:32px; left:clamp(24px,5.5vw,100px); color:#fff9ed; }
.pj #detailTitle { position:absolute; bottom:83px; left:clamp(20px,5vw,90px); font-size:clamp(100px,18vw,285px); line-height:.78; letter-spacing:-.07em; font-weight:400; color:#f4efe7; }
.pj #detailTitle:focus { outline:none; }
.pj .pj-hero-bottom { position:absolute; bottom:25px; left:clamp(24px,5.5vw,100px); right:clamp(24px,5.5vw,100px); display:flex; align-items:center; justify-content:space-between; gap:30px; color:#fff9ed; font-size:11px; }
.pj .pj-hero-bottom button { display:flex; align-items:center; gap:28px; min-height:44px; font-size:12px; }
.pj .pj-hero-bottom button span { font-size:22px; }
.pj .pj-intro { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:8vw; padding-block:100px 130px; }
.pj .pj-intro .pj-kicker { color:var(--pj-soft); margin-bottom:30px; }
.pj .pj-intro h3 { font-size:clamp(38px,4.5vw,75px); line-height:1.03; font-weight:400; letter-spacing:-.045em; }
.pj .pj-intro-copy { max-width:460px; color:var(--pj-soft); font-size:16px; line-height:1.7; padding-bottom:4px; }
.pj .pj-section-head { display:flex; align-items:end; justify-content:space-between; gap:35px; margin-bottom:40px; }
.pj .pj-section-head .pj-kicker { margin-bottom:22px; color:var(--pj-soft); }
.pj .pj-section-head h3 { font-size:clamp(40px,5.3vw,88px); font-weight:400; line-height:.98; letter-spacing:-.052em; }
.pj .pj-section-head > p { font-size:12px; line-height:1.5; color:var(--pj-soft); padding-bottom:6px; }
.pj .pj-loupe { position:relative; height:min(65vw,660px); min-height:420px; border-radius:12px; overflow:hidden; background:#343b34; isolation:isolate; }
.pj .pj-view-layers { position:absolute; inset:0; overflow:hidden; }
.pj .pj-view-image { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:var(--pj-position,50% 50%); transform:scale(var(--pj-scale,1)); transform-origin:var(--pj-origin,50% 50%); opacity:0; transition:opacity .6s cubic-bezier(.2,.65,.2,1); }
.pj .pj-view-image.is-active { opacity:1; }
.pj .pj-frame-meta { display:flex; justify-content:space-between; gap:30px; position:absolute; top:0; left:0; right:0; padding:25px 28px 65px; color:#fffaf0; font-size:10px; letter-spacing:.06em; text-transform:uppercase; background:linear-gradient(rgba(10,18,17,.57),transparent); pointer-events:none; }
.pj .pj-compare { position:absolute; inset:0; clip-path:inset(0 calc(100% - var(--pj-cover)) 0 0); }
.pj .pj-compare > img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 50%; }
.pj .pj-compare-line { position:absolute; top:0; bottom:0; left:var(--pj-cover); width:1px; background:rgba(255,255,255,.75); pointer-events:none; }
.pj .pj-compare-line::after { content:'↔'; position:absolute; top:50%; left:-22px; width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.65); border-radius:50%; color:white; background:rgba(20,25,21,.52); font-size:20px; }
.pj.pj-comparing .pj-loupe { cursor:ew-resize; touch-action:pan-y; }
.pj .pj-light-control { position:absolute; bottom:25px; left:50%; transform:translateX(-50%); width:360px; max-width:calc(100% - 32px); padding:16px 22px 6px; border:1px solid rgba(255,255,255,.28); border-radius:14px; background:rgba(24,29,26,.87); color:#fff9ef; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.pj .pj-light-control label { display:block; text-align:center; font-size:11px; }
.pj .pj-light-control > div { display:flex; align-items:center; gap:15px; font-size:10px; }
.pj .pj-light-control input { flex:1; width:100%; min-width:0; height:44px; accent-color:#e9dfcd; cursor:ew-resize; }
.pj .pj-view-controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid var(--lv-line); }
.pj .pj-view-controls button { display:flex; gap:18px; align-items:center; position:relative; min-height:79px; padding:15px 22px 15px 0; color:var(--pj-soft); font-size:15px; text-align:left; }
.pj .pj-view-controls button > span:first-child { font-size:10px; }
.pj .pj-view-controls button::after { content:''; position:absolute; left:0; right:24px; bottom:-1px; height:2px; background:var(--lv-paper); transform:scaleX(0); transform-origin:left; transition:transform .35s; }
.pj .pj-view-controls button[aria-pressed="true"] { color:var(--lv-paper); }
.pj .pj-view-controls button[aria-pressed="true"]::after { transform:scaleX(1); }
.pj .pj-view-controls button:hover { color:var(--lv-paper); }
.pj .pj-view-mark { margin-left:auto; opacity:0; transition:opacity .25s; }
.pj .pj-view-controls button[aria-pressed="true"] .pj-view-mark { opacity:1; }
.pj .pj-view-caption { display:grid; grid-template-columns:1fr 1fr; gap:6vw; align-items:start; min-height:142px; padding-top:28px; }
.pj .pj-view-caption h4 { font-size:clamp(23px,2.35vw,38px); line-height:1.15; font-weight:400; letter-spacing:-.03em; }
.pj .pj-view-caption p { max-width:420px; margin-left:auto; font-size:14px; line-height:1.6; color:var(--pj-soft); }
.pj .pj-media-error { position:absolute; z-index:3; left:24px; right:24px; bottom:24px; padding:18px; background:#262c25; font-size:13px; line-height:1.5; }
.pj .pj-study { margin-block:85px 120px; padding:75px clamp(24px,5.5vw,100px) 25px; background:var(--pj-paper); color:var(--pj-ink); border-radius:18px; }
.pj .pj-study .pj-kicker,.pj .pj-study .pj-section-head > p { color:#655f54; }
.pj .pj-study .pj-section-head { margin-bottom:26px; }
.pj .pj-study-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr); gap:6vw; align-items:center; }
.pj .pj-study-figure { min-width:0; }
.pj .pj-study-visual { width:100%; aspect-ratio:760/560; }
.pj .pj-study-visual svg { display:block; width:100%; height:100%; overflow:visible; }
.pj .pj-study-figure figcaption { display:flex; justify-content:space-between; align-items:start; gap:20px; padding-top:20px; border-top:1px solid #bdb5a7; font-size:10px; line-height:1.5; color:#625e54; }
.pj .pj-study-figure figcaption > span:last-child { text-align:right; }
.pj .pj-choice-panel { padding-top:24px; }
.pj .pj-choices button { display:flex; align-items:center; gap:18px; width:100%; min-height:72px; border-bottom:1px solid #bdb5a7; color:#6b685e; text-align:left; font-size:clamp(18px,1.7vw,28px); letter-spacing:-.03em; }
.pj .pj-choices button:first-child { border-top:1px solid #bdb5a7; }
.pj .pj-choices button span:first-child { font-size:10px; letter-spacing:0; }
.pj .pj-choices button span:last-child { margin-left:auto; font-size:22px; opacity:0; transition:transform .3s,opacity .3s; transform:translate(-5px,5px); }
.pj .pj-choices button[aria-pressed="true"] { color:#242922; }
.pj .pj-choices button[aria-pressed="true"] span:last-child { opacity:1; transform:none; }
.pj .pj-choice-copy { min-height:150px; padding-top:30px; }
.pj .pj-choice-copy h4 { font-size:21px; font-weight:400; line-height:1.2; letter-spacing:-.025em; margin-bottom:13px; }
.pj .pj-choice-copy p { max-width:410px; font-size:13px; line-height:1.65; color:#625e54; }
.pj .pj-study-cta { display:flex; align-items:center; justify-content:space-between; gap:50px; min-height:48px; border-bottom:1px solid #4c5146; margin-top:14px; font-size:12px; }
.pj .pj-study-note { margin-top:35px; font-size:10px; line-height:1.6; color:#686357; }
.pj .pj-study :focus-visible { outline-color:#343e31; }
.pj .pj-resources { display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; margin-bottom:120px; }
.pj .pj-resources .pj-kicker { color:var(--pj-soft); margin-bottom:25px; }
.pj .pj-resources h3 { font-size:clamp(38px,4vw,66px); font-weight:400; line-height:1.05; letter-spacing:-.04em; margin-bottom:25px; }
.pj .pj-resource-list { min-width:0; }
.pj .pj-resource-list .lv-disclosure summary { font-size:20px; min-height:70px; }
.pj .pj-resource-list .lv-facts { grid-template-columns:1fr; gap:25px; }
.pj .pj-resource-list .lv-specs > div { grid-template-columns:1fr 2fr; gap:24px; }
.pj .pj-resource-list .lv-specs dd { font-size:14px; }
.pj .pj-resource-list .lv-facts h4 { font-size:15px; }
.pj .pj-resource-list .lv-facts p { font-size:13px; }
.pj .pj-image-note { color:var(--pj-soft); font-size:10px; line-height:1.6; margin-top:25px; }
.pj .pj-footer { border-top:1px solid var(--lv-line); }
.pj .pj-project-call { padding:58px clamp(24px,5.5vw,100px) 70px; }
.pj .pj-project-call .pj-kicker { color:var(--pj-soft); margin-bottom:27px; }
.pj .pj-project-call button { display:flex; align-items:center; justify-content:space-between; gap:45px; width:100%; text-align:left; font-size:clamp(40px,7vw,110px); line-height:1.08; letter-spacing:-.045em; }
.pj .pj-project-call button span { font-size:.8em; }
.pj .pj-next { position:relative; isolation:isolate; display:block; overflow:hidden; height:420px; border-radius:16px; }
.pj .pj-next::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent,rgba(13,22,17,.74)); }
.pj .pj-next-image { width:100%; height:100%; object-fit:cover; object-position:50% 48%; transition:transform 1s cubic-bezier(.2,.65,.2,1); }
.pj .pj-next:hover .pj-next-image { transform:scale(1.035); }
.pj .pj-next > div { position:absolute; z-index:1; inset:auto clamp(24px,5.5vw,100px) 35px; }
.pj .pj-next-name { display:flex; align-items:center; justify-content:space-between; gap:30px; font-size:clamp(62px,10vw,150px); line-height:1; letter-spacing:-.055em; color:#fff5e8; margin-top:15px; }
.pj .pj-next-name > span { font-size:.55em; }
.pj .pj-next .pj-kicker { color:#fff5e8; }
@media (min-width:1800px) { .pj { max-width:2200px; margin-inline:auto; } }
@media (max-width:1000px) {
  .pj .pj-intro { gap:40px; grid-template-columns:1.1fr 1fr; }
  .pj .pj-study-layout { gap:25px; grid-template-columns:1.15fr 1fr; }
  .pj .pj-study-figure figcaption { flex-direction:column; gap:5px; }
  .pj .pj-choice-copy { min-height:185px; }
  .pj .pj-view-controls button { font-size:13px; gap:10px; }
  .pj .pj-resources { gap:45px; }
}
@media (max-width:700px) {
  .pj { margin-inline:-16px; }
  .pj .pj-nav { margin:0 16px 12px; font-size:10px; gap:16px; min-height:49px; }
  .pj .pj-nav > span { display:none; }
  .pj .pj-nav button { gap:10px; }
  .pj .pj-inset { margin-inline:16px; }
  .pj .pj-hero { height:calc(100svh - 165px); min-height:465px; max-height:760px; border-radius:14px; }
  .pj .pj-hero-image { object-position:var(--pj-mobile-position); }
  .pj .pj-hero-category { left:22px; top:24px; font-size:9px; }
  .pj #detailTitle { font-size:20vw; bottom:96px; left:18px; }
  .pj .pj-hero-bottom { left:22px; right:22px; bottom:20px; display:block; }
  .pj .pj-hero-bottom > span { font-size:9px; }
  .pj .pj-hero-bottom button { gap:20px; font-size:11px; }
  .pj .pj-intro { grid-template-columns:1fr; gap:28px; padding-block:65px 85px; }
  .pj .pj-intro .pj-kicker { font-size:9px; max-width:270px; margin-bottom:24px; }
  .pj .pj-intro h3 { font-size:clamp(37px,9.5vw,60px); }
  .pj .pj-intro-copy { max-width:520px; font-size:14px; line-height:1.75; }
  .pj .pj-section-head { display:block; margin-bottom:28px; }
  .pj .pj-section-head .pj-kicker { font-size:9px; margin-bottom:19px; }
  .pj .pj-section-head h3 { font-size:clamp(36px,10.5vw,65px); line-height:1.01; }
  .pj .pj-section-head > p { margin-top:18px; font-size:11px; padding:0; }
  .pj .pj-loupe { height:auto; min-height:0; aspect-ratio:4/5; border-radius:10px; }
  .pj .pj-frame-meta { padding:19px 16px 60px; font-size:8px; gap:12px; }
  .pj .pj-light-control { bottom:16px; padding:13px 16px 4px; }
  .pj .pj-light-control label { font-size:10px; }
  .pj .pj-view-controls button { display:flex; flex-wrap:wrap; align-content:center; justify-content:start; gap:8px; min-height:79px; padding:12px 7px 12px 0; font-size:10px; line-height:1.3; }
  .pj .pj-view-controls button > span:first-child { width:100%; font-size:9px; }
  .pj .pj-view-controls button::after { right:10px; }
  .pj .pj-view-mark { display:none; }
  .pj .pj-view-caption { grid-template-columns:1fr; gap:15px; min-height:166px; padding-top:25px; }
  .pj .pj-view-caption h4 { font-size:25px; max-width:330px; }
  .pj .pj-view-caption p { margin:0; font-size:13px; max-width:420px; }
  .pj .pj-study { margin-block:48px 75px; padding:43px 16px 22px; border-radius:14px; }
  .pj .pj-study-layout { grid-template-columns:1fr; gap:20px; }
  .pj .pj-study .pj-section-head { margin-bottom:12px; }
  .pj .pj-study-visual { max-height:360px; }
  .pj .pj-study-figure figcaption { flex-direction:row; font-size:9px; gap:16px; padding-top:16px; }
  .pj .pj-study-figure figcaption > span:first-child { max-width:190px; }
  .pj .pj-choice-panel { padding-top:8px; }
  .pj .pj-choices button { min-height:62px; font-size:21px; }
  .pj .pj-choice-copy { min-height:150px; padding-top:26px; }
  .pj .pj-choice-copy h4 { font-size:21px; }
  .pj .pj-choice-copy p { font-size:13px; }
  .pj .pj-study-note { margin-top:28px; font-size:9px; }
  .pj .pj-resources { grid-template-columns:1fr; gap:36px; margin-bottom:70px; }
  .pj .pj-resources h3 { font-size:40px; margin-bottom:10px; }
  .pj .pj-resources .pj-kicker { margin-bottom:22px; }
  .pj .pj-resource-list .lv-disclosure summary { font-size:18px; min-height:67px; }
  .pj .pj-resource-list .lv-specs > div { grid-template-columns:1fr; gap:8px; }
  .pj .pj-project-call { padding:38px 16px 45px; }
  .pj .pj-project-call button { font-size:10.5vw; gap:20px; }
  .pj .pj-project-call .pj-kicker { font-size:9px; margin-bottom:25px; }
  .pj .pj-next { height:320px; border-radius:12px; }
  .pj .pj-next > div { left:22px; right:22px; bottom:26px; }
  .pj .pj-next-name { font-size:15vw; }
  .pj .pj-next .pj-kicker { font-size:9px; }
}
@media (max-height:600px) and (min-width:701px) {
  .pj .pj-hero { min-height:400px; }
  .pj #detailTitle { font-size:16vw; }
}
.pj[data-motion="off"] *, .pj[data-motion="off"] *::before, .pj[data-motion="off"] *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
.pj[data-motion="off"] .pj-hero-image { transform:none !important; }
@media (prefers-reduced-motion:reduce) {
  .pj *, .pj *::before, .pj *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
  .pj .pj-hero-image { transform:none !important; }
}

/* v3: native-scroll chapters, a persistent route through the product and calmer reading stops. */
.pj { --pj-header:88px; --pj-intro-shift:0px; }
.pj .pj-intro { grid-template-columns:1.4fr .65fr; align-items:center; padding-block:115px 105px; gap:7vw; }
.pj .pj-intro h3 { font-size:clamp(42px,6vw,100px); line-height:1.01; letter-spacing:-.054em; transform:translate3d(0,var(--pj-intro-shift),0); }
.pj .pj-intro-copy { font-size:15px; line-height:1.75; }
.pj .pj-wayfinder { position:sticky; top:calc(var(--pj-header) + 8px); z-index:12; display:flex; width:max-content; max-width:calc(100% - 32px); margin:0 auto 55px; padding:4px 10px; gap:3px; border:1px solid #666357; border-radius:40px; background:rgba(31,32,27,.95); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:0 10px 25px #0c0f0c25; overflow:hidden; }
.pj .pj-wayfinder button { min-height:42px; padding:8px 20px; border-radius:30px; font-size:11px; color:#bdb7aa; cursor:pointer; transition:color .25s,background-color .25s; white-space:nowrap; }
.pj .pj-wayfinder button[aria-current] { color:#f7f0df; background:#ffffff09; }
.pj .pj-wayfinder button:hover { color:#fff9eb; }
.pj .pj-wayfinder-progress { position:absolute; bottom:0; left:5%; height:1px; width:90%; background:#c8b68d; transform:scaleX(var(--pj-page-progress,0)); transform-origin:left; pointer-events:none; }
.pj .pj-wayfinder :focus-visible { outline:2px solid #e8dec5; outline-offset:-3px; }
.pj .pj-explore,.pj .pj-study,.pj .pg,.pj .pj-resources { scroll-margin-top:calc(var(--pj-header) + 90px); }
.pj .pj-chapters { display:none; }
.pj .pj-explore-media { min-width:0; }
.pj .pj-explore-layout { position:relative; }
.pj[data-story="scroll"] .pj-explore-layout { display:grid; grid-template-columns:minmax(0,2.55fr) minmax(245px,1fr); gap:5vw; align-items:start; }
.pj[data-story="scroll"] .pj-explore-media { position:sticky; top:calc(var(--pj-header) + 75px); }
.pj[data-story="scroll"] .pj-loupe { height:clamp(355px,calc(100svh - var(--pj-header) - 185px),700px); min-height:0; perspective:1400px; }
.pj[data-story="scroll"] .pj-view-controls button { min-height:66px; font-size:12px; gap:12px; padding-right:12px; }
.pj[data-story="scroll"] .pj-view-controls button::after { right:12px; }
.pj[data-story="scroll"] .pj-view-caption { position:absolute; width:1px; height:1px; min-height:0; overflow:hidden; padding:0; clip-path:inset(50%); white-space:nowrap; }
.pj[data-story="scroll"] .pj-chapters { display:block; padding-bottom:clamp(180px,22svh,240px); }
.pj .pj-chapter { position:relative; display:flex; flex-direction:column; justify-content:center; min-height:68svh; padding:55px 0; }
.pj .pj-chapter .pj-kicker { color:#c4bdae; font-size:10px; margin-bottom:24px; }
.pj .pj-chapter h4 { font-size:clamp(27px,2.7vw,43px); line-height:1.1; font-weight:400; letter-spacing:-.04em; margin-bottom:23px; color:#b6b1a7; transition:color .5s; }
.pj .pj-chapter > p:not(.pj-kicker) { font-size:14px; line-height:1.75; color:#aba598; max-width:320px; }
.pj .pj-chapter.is-current h4 { color:#f3ece0; }
.pj .pj-chapter.is-current > p:not(.pj-kicker) { color:#c7c0b3; }
.pj .pj-chapter-line { display:block; width:100%; height:1px; background:#57594d; margin-top:32px; overflow:hidden; }
.pj .pj-chapter-line::after { content:''; display:block; height:100%; width:100%; background:#d6c69e; transform:scaleX(0); transform-origin:left; }
.pj .pj-chapter.is-current .pj-chapter-line::after { transform:scaleX(var(--pj-chapter-progress,0)); }
.pj .pj-resource-intro { position:sticky; top:calc(var(--pj-header) + 75px); align-self:start; }
.pj .pj-resource-photo { width:100%; height:clamp(190px,20vw,280px); overflow:hidden; border-radius:10px; margin:26px 0 24px; background:#293028; }
.pj .pj-resource-image { width:100%; height:calc(100% + 40px); margin-top:-20px; object-fit:cover; object-position:var(--pj-position,50% 50%); transform:translate3d(0,var(--pj-photo-travel,0px),0) scale(var(--pj-scale,1)); transform-origin:var(--pj-origin,50% 50%); }
.pj .pj-resource-list .lv-disclosure { transition:border-color .4s; }
.pj .pj-resource-list .lv-disclosure[open] { border-color:#c0af89; }
.pj .pj-resource-list .lv-disclosure[open] summary { color:#f3e9d3; }
.pj .pj-footer { border:0; }
.pj .pj-project-call { position:relative; isolation:isolate; overflow:hidden; border-radius:16px; min-height:clamp(320px,38vw,520px); display:flex; flex-direction:column; justify-content:center; padding:65px clamp(24px,5.5vw,100px); margin-bottom:20px; }
.pj .pj-call-media { position:absolute; inset:0; z-index:-2; overflow:hidden; background:#30372f; }
.pj .pj-call-media::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#0b130edc,#0b130e8c 70%,#0b130e4d); }
.pj .pj-call-image { width:100%; height:calc(100% + 80px); margin-top:-40px; object-fit:cover; object-position:50% 57%; transform:translate3d(0,var(--pj-photo-travel,0px),0); }
.pj .pj-project-call .pj-kicker { color:#d7d0c0; }
.pj .pj-project-call button { color:#fff6e4; font-size:clamp(48px,8vw,135px); position:relative; min-height:100px; }
.pj .pj-project-call button span { transition:transform .4s; }
.pj .pj-project-call button:hover span { transform:translate(8px,-8px); }
.pj .pj-next { height:clamp(350px,45vw,670px); }
.pj .pj-next-image { height:calc(100% + 90px); margin-top:-45px; transform:translate3d(0,var(--pj-photo-travel,0px),0) scale(1.01); }
.pj .pj-next:hover .pj-next-image { transform:translate3d(0,var(--pj-photo-travel,0px),0) scale(1.045); }
@media(max-width:1000px) {
  .pj .pj-intro { grid-template-columns:1.25fr 1fr; padding-block:80px; gap:35px; }
  .pj .pj-intro h3 { font-size:6.2vw; }
  .pj .pj-resource-intro { position:static; }
  .pj .pj-wayfinder { margin-bottom:45px; }
}
@media(max-width:700px) {
  .pj .pj-intro { grid-template-columns:1fr; padding-block:65px 58px; gap:28px; }
  .pj .pj-intro h3 { font-size:clamp(37px,10.6vw,66px); }
  .pj .pj-intro-copy { font-size:14px; }
  .pj .pj-wayfinder { width:calc(100% - 24px); max-width:420px; gap:0; padding:3px 4px; margin-bottom:36px; top:calc(var(--pj-header) + 5px); }
  .pj .pj-wayfinder button { flex:1; padding:8px 7px; min-height:42px; font-size:10px; }
  .pj .pj-resource-photo { height:235px; margin-block:25px 20px; }
  .pj .pj-project-call { padding:40px 22px; min-height:350px; }
  .pj .pj-project-call button { font-size:11vw; gap:12px; }
  .pj .pj-project-call .pj-kicker { font-size:9px; }
  .pj .pj-next { height:390px; }
  .pj .pj-call-image { object-position:65% 50%; }
}
@media(prefers-reduced-motion:reduce) {
  .pj .pj-intro h3,.pj .pj-resource-image,.pj .pj-call-image,.pj .pj-next-image { transform:none !important; }
}
.pj[data-motion="off"] .pj-intro h3,.pj[data-motion="off"] .pj-resource-image,.pj[data-motion="off"] .pj-call-image,.pj[data-motion="off"] .pj-next-image { transform:none !important; }

/* The studio invitation is an editorial pause within the product journey. */
.pj .pj-study.pj-studio-entry { margin:85px clamp(24px,5.5vw,100px) 100px; padding:35px 0 0; border-top:1px solid #ffffff24; border-radius:0; background:none; color:inherit; }
.pj .pj-studio-entry > .pj-kicker { margin-bottom:30px; color:var(--pj-soft); }
.pj .pj-studio-entry .pj-studio-invite { display:grid; grid-template-columns:1.2fr .8fr; align-items:start; gap:8vw; }
.pj .pj-studio-entry h3 { font-size:clamp(38px,4.5vw,72px); line-height:1.03; letter-spacing:-.045em; font-weight:400; }
.pj .pj-studio-entry .pj-studio-invite p { margin:0; color:var(--pj-soft); font-size:13px; line-height:1.65; }
.pj .pj-studio-entry .ds-entry { display:flex; align-items:center; justify-content:space-between; gap:28px; width:fit-content; min-height:48px; margin-top:18px; padding:10px 0; border-bottom:1px solid #ffffff64; border-radius:0; background:none; color:inherit; font-size:13px; text-decoration:none; }
.pj .pj-studio-entry .ds-entry span { font-size:20px; }
.pj .pj-studio-entry .ds-entry:hover { border-bottom-color:currentColor; }
.pj .pj-studio-entry .ds-entry:focus-visible { outline:1px solid currentColor; outline-offset:6px; }
.pj .pj-studio-entry .pj-studio-invite .pj-study-note { max-width:43ch; margin-top:24px; font-size:10px; line-height:1.6; }
@media(max-width:700px) {
  .pj .pj-study.pj-studio-entry { margin:58px 16px 65px; padding-top:25px; }
  .pj .pj-studio-entry > .pj-kicker { margin-bottom:25px; }
  .pj .pj-studio-entry .pj-studio-invite { grid-template-columns:1fr; gap:24px; }
  .pj .pj-studio-entry h3 { font-size:clamp(38px,10.5vw,60px); }
  .pj .pj-studio-entry .ds-entry { margin-top:14px; }
  .pj .pj-studio-entry .pj-studio-invite .pj-study-note { margin-top:19px; }
}

/* CONTOUR follows the building envelope, without roof configurations or extra film decoders. */
.pj--contour .pj-depth #detailTitle { top:49%; }
.pj--contour .pj-view-layers { background:#151c1a; }
.pj--contour .pj-view-image { object-fit:contain; }
.pj .pj-view-provenance { margin-top:15px; color:var(--pj-soft); font-size:10px; line-height:1.6; }
.pj .pj-material-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }
.pj .pj-material-card { min-width:0; }
.pj .pj-material-card figure { margin-bottom:27px; }
.pj .pj-material-image { display:block; width:100%; aspect-ratio:1600/1195; object-fit:contain; border-radius:10px; background:#ddd5c7; }
.pj .pj-material-card figcaption { font-size:10px; line-height:1.5; margin-top:12px; color:#625e54; }
.pj .pj-material-card .pj-kicker { margin-bottom:16px; }
.pj .pj-material-card h4 { font-size:clamp(26px,2.8vw,43px); line-height:1.08; letter-spacing:-.035em; font-weight:400; margin-bottom:18px; }
.pj .pj-material-card > p:not(.pj-kicker) { max-width:570px; font-size:14px; line-height:1.65; color:#625e54; }
.pj .pj-material-card .lv-text-link { color:var(--pj-ink); margin-top:22px; }
.pj .pj-resource-intro > .lv-text-link { display:flex; width:fit-content; font-size:12px; }
.pj .pj-continue { margin:16px clamp(16px,5.5vw,100px) 30px; }
@media(max-width:700px) {
  .pj--contour .pj-depth #detailTitle { top:48%; font-size:20vw; }
  .pj .pj-material-grid { grid-template-columns:1fr; gap:42px; }
  .pj .pj-material-card h4 { font-size:30px; }
  .pj .pj-material-card > p:not(.pj-kicker) { font-size:13px; }
  .pj .pj-view-provenance { margin-top:10px; font-size:9px; }
}

/* Honor the selected VERSA framing in the existing perspective experience. */
.pj.pj--versa .pj-view-image { object-fit:contain; }
.pj.pj--versa .pj-loupe { background:var(--ink,#181717); }