html:has(.article-page){scroll-behavior:smooth;scroll-padding-top:125px}.article-page{--orange:#ff951e;--paper:#f3f1ec}.article-page main.space-article{padding:0}.space-article{color:#f5f5f3;font-size:16px;line-height:1.65}.space-article p{margin:0 0 20px}.space-article h1,.space-article h2,.space-article h3{font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:0 0 20px}.space-article h2{font-size:clamp(2rem,3.4vw,3.6rem)}.space-article a{text-decoration:none}.space-kicker{font-size:.8rem!important;letter-spacing:.15em;text-transform:uppercase;color:var(--orange);font-weight:500;margin-bottom:14px!important}.space-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--orange);z-index:10001;transform:scaleX(0);transform-origin:left}.space-hero{position:relative;isolation:isolate;min-height:650px;display:flex;align-items:center;padding:45px 5vw 85px;overflow:hidden;background:#151615}.space-hero-media{position:absolute;inset:-50px 10% -50px 30%;z-index:-2;will-change:transform}.space-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.space-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#131514 3%,rgba(19,21,20,.94) 23%,rgba(19,21,20,.28) 64%,#131514 95%)}.space-hero-copy{max-width:560px}.space-back{display:inline-block;font-size:.85rem;margin-bottom:45px}.space-hero h1{font-size:clamp(2.8rem,4.5vw,4.6rem)}.space-deck{font-size:1.25rem}.space-hero blockquote{font-size:1rem;max-width:480px;font-style:italic;color:#d1d1cc;margin:0 0 22px}.space-reading{color:#bbb;font-size:.85rem}.space-scroll{position:absolute;right:5vw;bottom:35px;display:flex;gap:14px;align-items:center;color:var(--orange)!important}.space-scroll span{color:white;font-size:.85rem}.space-index{position:sticky;top:100px;z-index:20;display:flex;justify-content:center;flex-wrap:wrap;gap:30px;background:#171918ed;backdrop-filter:blur(16px);padding:15px 20px;border-bottom:1px solid #363636}.space-index a{font-size:.85rem;color:#bbb;position:relative}.space-index a[aria-current]{color:var(--orange)}.space-light{background:var(--paper);color:#191b1a}.space-intro{display:grid;grid-template-columns:1.8fr 1fr}.space-intro>div{padding:65px 5vw}.space-intro .space-kicker,.space-materials .space-kicker{color:#895024}.space-quote{background:linear-gradient(135deg,#493d2e,#191e18);padding:65px 4vw;display:flex;flex-direction:column;justify-content:center;color:#f6f4ef}.space-quote>span{font-size:5rem;color:var(--orange);line-height:1}.space-quote blockquote{font-size:clamp(1.5rem,2.4vw,2.5rem);line-height:1.2;letter-spacing:-.035em;margin:5px 0 30px}.space-quote p{font-size:.9rem}.space-outline{display:inline-flex;gap:30px;align-items:center;border:1px solid var(--orange);border-radius:12px;padding:12px 22px;font-size:.9rem}.space-outline span{color:var(--orange)}.space-outline:hover{background:#ff951e18}.space-solutions{padding:60px 4.5vw;background:#111615}.space-section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:50px}.space-section-head>p{color:#bfc2be}.space-jump{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0 30px}.space-jump a{border:1px solid #464b47;border-radius:999px;padding:8px 18px;font-size:.9rem}.space-jump a:hover{border-color:var(--orange);color:var(--orange)}.space-solutions>p{max-width:950px;color:#bfc2be}.space-scene{display:grid;grid-template-columns:1.65fr 1fr;gap:10px;margin-top:14px;scroll-margin-top:175px}.space-scene-photo{position:relative;overflow:hidden;border-radius:6px;background:#302c25}.space-scene-photo>img{display:block;width:100%;height:auto;max-height:670px;object-fit:contain}.space-scene-copy{border:1px solid #353d37;border-radius:6px;padding:clamp(26px,4vw,58px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#1c2220,#121615)}.space-count{font-size:.85rem;margin-bottom:32px}.space-count span{color:var(--orange);padding-left:30px}.space-scene h3{font-size:2.2rem;margin-bottom:8px}.space-subtitle{color:#bfc2be}.space-scene-copy>p:not(.space-subtitle){margin-top:20px;color:#d0d2ce}.space-details-button{align-self:flex-start;border:0;background:none;color:var(--orange);font:inherit;padding:12px 0;cursor:pointer}.space-details-button span{margin-left:18px}.space-hotspot{position:absolute;left:var(--x);top:var(--y);z-index:2;transform:translate(-50%,-50%)}.space-hotspot[open]{z-index:5}.space-hotspot summary{list-style:none;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:white;border:2px solid white;box-shadow:0 0 0 6px #ff951e35;cursor:pointer;font-size:24px;line-height:1}.space-hotspot summary::-webkit-details-marker{display:none}.space-hotspot>div{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);width:220px;max-width:60vw;background:#161b18f5;padding:18px;border:1px solid #e99434;border-radius:10px;color:white;font-size:.85rem;box-shadow:0 12px 32px #0006}.space-hotspot[style*="86%"]>div,.space-hotspot[style*="78%"]>div{left:auto;right:-15px;transform:none}.space-hotspot p{margin:8px 0 0}.space-materials{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;padding:55px 5vw;align-items:center}.space-material-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 20px}.space-material-tabs button{font:inherit;font-size:.9rem;border:1px solid #b7b3ab;background:none;border-radius:999px;padding:9px 18px;cursor:pointer}.space-material-tabs button[aria-selected=true]{background:#1b201c;color:white;border-color:#1b201c}.space-material-photo{height:340px;overflow:hidden;border-radius:8px}.space-material-photo img{width:100%;height:100%;object-fit:cover;object-position:15% 57%;transform:scale(1.8);transition:object-position .7s,transform .7s}.space-more{padding:65px 8vw;max-width:1280px;margin:auto}.space-more>p{color:#c5c8c3}.space-extra{border-top:1px solid #485048;border-bottom:1px solid #485048;margin-top:32px;padding:20px 0}.space-extra summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:1.1rem}.space-extra summary span{color:var(--orange)}.space-extra[open] summary{margin-bottom:24px}.space-conclusion{background:#202821;padding:65px 8vw}.space-conclusion>p{max-width:950px;color:#d0d5cd}.space-article :focus-visible{outline:2px solid var(--orange);outline-offset:5px}.journal-pending{text-decoration:none}.space-scene.is-focused .space-scene-copy{border-color:#ff951e}
@media(max-width:760px){.space-hero{min-height:650px;padding:32px 24px 80px}.space-hero-media{inset:-30px -20% -30px 0;opacity:.65}.space-hero:after{background:linear-gradient(90deg,#131514eb,#13151470)}.space-back{margin-bottom:30px}.space-index{top:145px;gap:12px;padding:12px}.space-index a{font-size:.75rem}.space-intro,.space-section-head,.space-scene,.space-materials{grid-template-columns:1fr}.space-intro>div,.space-quote{padding:40px 24px}.space-solutions{padding:40px 20px}.space-section-head{gap:0}.space-scene{scroll-margin-top:210px}.space-scene-copy{padding:28px}.space-count{margin-bottom:20px}.space-materials{padding:40px 24px;gap:20px}.space-more,.space-conclusion{padding:40px 24px}.space-hotspot>div{width:180px}.space-material-photo{height:280px}.space-scroll{left:24px;right:auto}}@media(prefers-reduced-motion:reduce){html:has(.article-page){scroll-behavior:auto}.space-hero-media{transform:none!important}.space-material-photo img{transition:none}}

/* Simplified article layout and material icons. */
.space-solutions-intro { color: #bfc2be; }
.space-materials { grid-template-columns: 1fr; gap: 32px; }
.space-material-intro { max-width: 850px; }
.space-material-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 40px; }
.space-material-item { padding-top: 24px; border-top: 1px solid #d2cdc4; }
.space-material-item svg { display: block; color: #a45a13; margin-bottom: 20px; }
.space-material-item h3 { font-size: 1.45rem; letter-spacing: -.02em; margin-bottom: 12px; }
.space-material-item p { color: #4a4b46; margin: 0; }
@media(max-width:760px) { .space-material-grid { grid-template-columns: 1fr; gap: 26px; } }

/* Full-bleed section backgrounds at every viewport width. */
.article-page main.space-article { width: 100%; max-width: none; margin: 0; }
.space-article > section { width: 100%; max-width: none; box-sizing: border-box; }
.space-hero-media { inset: -50px 0 -50px 24%; }
.space-hero-media img { object-position: center 48%; }
.space-hero::after { background: linear-gradient(90deg,#131514 0%,rgba(19,21,20,.95) 24%,rgba(19,21,20,.55) 43%,rgba(19,21,20,.05) 68%,rgba(19,21,20,.65) 100%); }
@media(max-width:760px) {
 .space-hero-media { inset: -30px -20% -30px 0; }
 .space-hero::after { background: linear-gradient(90deg,#131514eb,#13151470); }
}

/* Keep hotspot coordinates aligned with the complete source photographs. */
.space-scene-photo > img { width: 100%; height: auto; max-height: none; object-fit: initial; }
.space-hotspot[style*="87%"] > div,
.space-hotspot[style*="81%"] > div { left: auto; right: -15px; transform: none; }
.space-conclusion {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
  align-items: start;
  gap: clamp(32px, 6vw, 100px);
  background: #fff;
  color: #191b1a;
}
.space-conclusion .space-kicker { color: #895024; }
.space-conclusion-copy { color: #3e423e; }
.space-conclusion-copy p:last-child { margin-bottom: 0; }
@media(max-width:760px) {
  .space-conclusion { grid-template-columns: 1fr; gap: 16px; }
}

/* Wide hero source avoids enlarging a narrow portrait; fade has no hard seam. */
.space-hero-media { inset: -50px 0; }
.space-hero-media img { object-position: center; }
.space-hero::after {
 background: linear-gradient(90deg,#131514 0%,rgba(19,21,20,.97) 12%,rgba(19,21,20,.88) 25%,rgba(19,21,20,.64) 40%,rgba(19,21,20,.25) 57%,rgba(19,21,20,.04) 76%,rgba(19,21,20,.16) 100%);
}
.space-section-head { grid-template-columns: 1fr; }
.space-solutions-lead { max-width: 850px; color: #bfc2be; margin-bottom: 30px !important; }
@media(max-width:760px) {
 .space-hero-media { inset: -30px 0; }
 .space-hero-media img { object-position: 65% center; }
 .space-hero::after { background: linear-gradient(90deg,rgba(19,21,20,.96),rgba(19,21,20,.6)); }
}

/* More breathing room for the closing section. */
.space-conclusion {
  min-height: 440px;
  padding-top: clamp(90px, 8vw, 140px);
  padding-bottom: clamp(90px, 8vw, 140px);
  align-items: center;
}
.space-conclusion-copy { line-height: 1.85; }
.space-conclusion-copy p + p { margin-top: 28px; }
@media (max-width: 760px) {
  .space-conclusion {
    min-height: auto;
    padding-top: 64px;
    padding-bottom: 72px;
    gap: 28px;
  }
}

/* Shorter introduction, larger reading text and slightly more compact scenes. */
.space-intro > div > p:not(.space-kicker),
.space-conclusion-copy > p {
  font-size: clamp(1.0625rem, 1.25vw, 1.1875rem);
  line-height: 1.7;
}
@media (min-width: 761px) {
  .space-scene { grid-template-columns: 1.3fr 1fr; }
  .space-scene-copy { padding: clamp(24px, 3vw, 44px); }
  .space-count { margin-bottom: 24px; }
}
@media (max-width: 760px) {
  .space-scene-copy { padding: 24px; }
  .space-scene-copy > p:not(.space-subtitle) { margin-top: 12px; }
}