/* One continuous film under every section; the cockpit is already in the footage. */
:root{--orange:#a57564;--ink:#30372e;--muted:#626754}
body{background:#d5c1ab;color:var(--ink)}
.world,body[data-scene="0"] .world{visibility:visible;z-index:0;background:#d5c1ab}
#journey-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.reading-shade{background:linear-gradient(180deg,rgba(244,239,229,.78),rgba(244,239,229,.36) 30%,transparent 61%)}
main{position:relative;z-index:2}
.nav,body[data-scene="0"] .nav{background:#f4efe5ed;color:#30372e;border:1px solid #fff8;box-shadow:0 8px 35px #604b3920}
.contact-link,body[data-scene="0"] .contact-link{background:#a57564;color:#fff9ef;border:none}
.contact-link span,body[data-scene="0"] .contact-link span{color:inherit}
.scene{min-height:110svh;padding-bottom:180px}
.hero{height:auto;min-height:max(850px,110svh)}
.hero-copy{background:none}.hero h1{color:#27312e;text-shadow:0 1px 20px #fff8}
h1 em,h2 em{color:#996854}
.hero .intro-panel,.section-top,.route-steps article,.about-panel,.contact-panel{background:linear-gradient(115deg,#f4efe5ed,#f3dccde8);border:1px solid #fff9edcc;box-shadow:0 12px 40px #604b3920;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.section-top{display:table;max-width:850px;border-radius:28px;padding:26px 32px;text-shadow:none}
.section-top h2{font-size:clamp(32px,3.6vw,55px);margin-bottom:16px}
.section-top .eyebrow{margin-bottom:16px}.section-description{color:#505747;margin-bottom:0}
.route-steps{max-width:1000px}.route-steps article{border-radius:24px}.route-steps h3{color:#30372e}.route-steps p,.about-copy p:not(.eyebrow),.contact-panel p{color:#505747}
.step-number{color:#89604e;border-color:#b9aa93;background:#f4efe54d}
.draft-label{background:#e8e8d9;color:#626754;border-color:#b7baa4;margin-top:14px}
.about-panel{max-width:950px}.contact-panel{max-width:1000px}.pill{background:#a57564;color:#fff9ef;box-shadow:none}
.messengers :is(button,a){color:#3e4836;background:#e8e8d9;border-color:#b7baa4}
.contact-panel label{color:#505744}.contact-panel input,.contact-panel textarea{color:#30372e;border-color:#b7baa4}
input::placeholder,textarea::placeholder{color:#777d6b}
.project-sign button{background:#f4efe5;color:#30372e;border-radius:20px;box-shadow:inset 0 0 0 5px #f4efe5,inset 0 0 0 6px #a5756480,0 8px 30px #604b3920}
.project-sign button>span{color:#996854}.posts{border-color:#bcaa94}.road-note{color:#fff9ef;text-shadow:0 1px 6px #30271d}
.journey,body[data-scene="0"] .journey{background:#f4efe5ed;color:#4b5144;border-top:1px solid #b6b7a0}
#motion,body[data-scene="0"] #motion{color:#535c4b}.progress-track{background:#b8bba5}
.transition-label,body[data-scene="0"] .transition-label{background:#f4efe5ed;color:#464b3e;border:1px solid #ba9c86}
#case-dialog{background:#f4efe5;color:#30372e}#case-dialog .close{color:#30372e}.case-grid p,.demo-note,.contact-panel .demo-note{color:#626754}.case-grid small{color:#996854}
#video-status{position:fixed;bottom:58px;left:4%;z-index:25;background:#f4efe5ed;padding:8px 14px;border-radius:18px;color:#505747;font-size:11px}
#video-status[hidden]{display:none}
@media(max-width:600px){
 #journey-video{object-position:48% center}
 .scene{min-height:1050px;padding-top:105px;padding-bottom:180px}
 .hero{min-height:950px}.hero .platforms{top:48%}
 .section-top{padding:20px;border-radius:23px}.section-top h2{font-size:32px}
 .projects .project-one{top:48%}.projects .project-two{top:72%}
 .about-panel,.contact-panel{border-radius:25px}
 .reading-shade{background:linear-gradient(180deg,#f4efe5bf, #f4efe566 35%,transparent 70%)}
 .contact{min-height:1150px}
}
/* Case directions share the service signs' ivory glass and rose-gold trim. */
.case-signposts{position:relative;z-index:8;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,8vw,130px);max-width:1040px;margin:38px auto 90px}
.case-signpost{position:relative;display:grid;gap:10px;align-content:start;isolation:isolate}
.case-signpost:before,.case-signpost:after{content:'';position:absolute;z-index:-1;top:20px;bottom:-90px;width:8px;background:linear-gradient(90deg,#a7947d,#e3d8c1,#bba991);border-radius:3px;pointer-events:none}
.case-signpost:before{left:25%}.case-signpost:after{right:25%}
.case-signpost button{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:82px;padding:14px 22px;text-align:left;font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.35px;color:#30372e;background:linear-gradient(115deg,rgba(244,239,229,.94),rgba(243,220,205,.89));border:1px solid rgba(255,249,237,.95);border-radius:18px;box-shadow:inset 0 0 0 3px rgba(244,239,229,.25),inset 0 0 0 4px rgba(165,117,100,.36),0 7px 18px rgba(63,46,34,.20);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s,box-shadow .2s;transform:none}
.case-sign-copy{display:grid;gap:4px;min-width:0}.case-sign-copy small{font-size:8px;font-weight:500;letter-spacing:1.5px;color:#626754}.case-sign-copy strong{font-size:18px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}.case-arrow{font-size:29px;font-weight:400;color:#996854;flex-shrink:0;line-height:1}
.case-signpost button:hover,.case-signpost button:focus-visible{background:linear-gradient(115deg,#faf4e9,#f0d9ca);box-shadow:inset 0 0 0 3px #f8efe3,inset 0 0 0 4px #ac7b69,0 10px 23px #513c3038}
.case-signpost button:focus-visible{outline:2px solid #996854;outline-offset:4px}
@media(max-width:600px){.case-signposts{grid-template-columns:1fr;gap:34px;max-width:380px;margin:28px auto 65px}.case-signpost{gap:9px}.case-signpost:before,.case-signpost:after{bottom:-35px;width:6px}.case-signpost button{min-height:74px;padding:12px 19px;border-radius:16px}.case-sign-copy strong{font-size:16px}.case-arrow{font-size:26px}}