/* ElynosAI cinematic concept worlds — no external runtime dependencies */
:root{--paper:#f6f1e8;--ink:#142021;--accent:#d8b584}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font:15px/1.65 Arial,sans-serif;background:var(--paper);color:var(--ink)}[hidden]{display:none!important}button,a{touch-action:manipulation}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f7ba61;outline-offset:4px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}.skip-link{position:absolute;left:10px;top:-90px;background:#fff;color:#111;padding:14px;z-index:100}.skip-link:focus{top:12px}
.demo-banner{padding:8px 3vw;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;color:#fff;background:#172223;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:700;position:relative;z-index:40}.demo-banner a{text-decoration:underline;text-underline-offset:3px}
.world-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 5vw;min-height:76px;background:#f7f3ed;border-bottom:1px solid #bfb6a76e}.world-header .brand{font-size:30px;line-height:1;font-weight:700;letter-spacing:-.07em;white-space:nowrap}.world-header .brand span{display:block;font-size:9px;letter-spacing:.24em;font-weight:500;margin-top:8px;text-transform:uppercase}.world-header nav{display:flex;align-items:center;gap:clamp(16px,2vw,40px);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.world-header nav a{padding:15px 0}.world-header nav a:hover{opacity:.65}.world-header nav a[aria-current=page]{border-bottom:1px solid currentColor}.nav-cta{display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;padding:12px 18px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.menu-button{display:none;border:1px solid #9f998f;background:transparent;padding:9px 14px;min-height:44px}.mobile-menu{position:fixed;top:70px;left:0;right:0;background:#f7f3ed;padding:20px;z-index:31;box-shadow:0 20px 40px #0003}.mobile-menu a{display:block;padding:13px;border-bottom:1px solid #d8d0c5}
.eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 23px;border:1px solid currentColor;font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;transition:transform .3s,background .3s}.btn:hover{transform:translateY(-3px)}.btn-solid{background:#fff;color:#172422;border-color:#fff}.btn-dark{background:#172423;color:#fff;border-color:#172423}.btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.film-hero{position:relative;isolation:isolate;min-height:clamp(680px,95svh,1100px);display:flex;align-items:center;overflow:hidden;color:white;background:#1d2f29}.film-hero img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;animation:filmPan 18s ease-out both}.film-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1818e8 0%,#101b19a1 49%,#0a151512 100%),linear-gradient(0deg,#0713137a,transparent 58%)}.hero-copy{padding:11vh 8vw;max-width:990px}.hero-copy h1{font:clamp(4.9rem,10.5vw,11rem)/.87 Georgia,serif;letter-spacing:-.065em;margin:23px 0 32px;text-wrap:balance}.hero-copy p:not(.eyebrow){max-width:540px;margin-bottom:30px;color:#f1eee8;line-height:1.9}.hero-copy .eyebrow{color:#f4cb95}.hero-stamp{position:absolute;bottom:30px;right:5vw;text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:#e4ded3}.film-panels{background:#131a1a;color:#fff}.film-shot{min-height:95svh;position:relative;display:flex;align-items:end;isolation:isolate;overflow:hidden;padding:14vh 8vw 11vh;background:#101717}.film-shot img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.film-shot:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#071010e8,#07101011 70%),linear-gradient(90deg,#0710108c,transparent)}.film-shot-copy{max-width:780px}.film-shot h2{font:clamp(4.2rem,9vw,10rem)/.88 Georgia,serif;letter-spacing:-.055em;margin:20px 0}.film-shot p:not(.eyebrow){max-width:510px;line-height:1.9;color:#f4eee8}.film-shot .eyebrow{color:#ecc89b}.film-shot .btn{margin-top:25px}
.film-panels.film-enhanced{height:300svh}.film-enhanced .film-sticky{position:sticky;top:0;height:100svh;overflow:hidden}.film-enhanced .film-shot{position:absolute;inset:0;height:100svh;min-height:0;opacity:var(--opacity,0);pointer-events:none}.film-enhanced .film-shot:first-child{--opacity:1}.film-enhanced .film-shot img{transform:scale(var(--scale,1.05)) translateY(var(--pan,0px))}.film-enhanced .film-shot-copy{transform:translateY(var(--lift,0px));opacity:var(--opacity,0)}
.section{padding:clamp(75px,9vw,145px) 0}.container{width:min(1350px,calc(100% - 10vw));margin-inline:auto}.section-heading{max-width:850px;margin-bottom:38px}.section-heading h2{font:clamp(2.8rem,6vw,6.5rem)/1 Georgia,serif;letter-spacing:-.045em;margin:16px 0 22px}.section-heading p:not(.eyebrow){max-width:690px;line-height:1.8}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tile{background:#fff;min-width:0}.tile-image{display:block;height:clamp(240px,31vw,390px);overflow:hidden;background:#b5c3ba}.tile-image img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.tile:hover .tile-image img{transform:scale(1.07)}.tile-copy{padding:24px}.tile-copy h3{font:clamp(2rem,3.5vw,3.5rem)/1.05 Georgia,serif;margin:12px 0}.tile-copy p:not(.eyebrow){color:#5d6261;margin-bottom:20px}.tile-copy .btn{padding:12px 16px}.editorial-band{display:grid;grid-template-columns:1fr 1fr;background:#172b2a;color:#fff;min-height:600px}.editorial-band .band-art{height:100%;min-height:450px;overflow:hidden}.editorial-band .band-copy{padding:clamp(40px,8vw,120px);align-self:center}.editorial-band h2{font:clamp(3rem,6vw,7rem)/.98 Georgia,serif;margin:20px 0}.editorial-band p:not(.eyebrow){margin-bottom:28px;color:#e3e8e2}.story-details{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.story-details h2{font:clamp(2.7rem,5vw,5rem)/1.08 Georgia,serif}.story-details p{color:#5b6360;line-height:1.9}.story-details p+p{margin-top:15px}.page-cover{padding:90px 0;background:#152b2a;color:white}.page-cover h1{font:clamp(3.7rem,8vw,8rem)/.94 Georgia,serif;max-width:1000px;margin:18px 0 25px}.page-cover p:not(.eyebrow){max-width:700px;color:#ddd}
.detail-hero{display:grid;grid-template-columns:1fr 1fr;min-height:75svh}.detail-image{min-height:540px}.detail-content{align-self:center;padding:clamp(40px,7vw,110px)}.detail-content h1{font:clamp(3.6rem,7vw,8rem)/.95 Georgia,serif;margin:20px 0 30px}.detail-content p{margin-bottom:24px;color:#5d6461}.detail-stats{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.detail-stats span{border:1px solid #a9b7ad;padding:11px 15px;font-size:11px}
.end-scene{padding:140px 5vw;text-align:center;background:#0e2827;color:white}.end-scene h2{font:clamp(3.8rem,8vw,9rem)/.95 Georgia,serif;margin:20px auto 28px;max-width:1080px}.end-scene p{max-width:680px;margin:0 auto 27px;color:#dcebe7}.end-scene .btn-row{justify-content:center}.site-footer{background:#102221;color:#e9ebe5;padding:70px 6vw 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-grid h3{font:2rem Georgia,serif}.footer-grid p{max-width:430px;color:#b8cac6;margin-top:18px;font-size:13px}.footer-grid nav{display:grid;gap:13px;font-size:12px}.footer-bottom{margin-top:65px;padding-top:20px;border-top:1px solid #ffffff42;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#b6cbc5}
body.roam{--paper:#faf3e9;--ink:#272324;--accent:#e99768}body.roam .world-header{background:#fff6e9}body.roam .film-hero{background:#1d3549}body.roam .film-hero:after{background:linear-gradient(90deg,#17222dd9,#27385082 55%,transparent),linear-gradient(0deg,#09202950,transparent)}body.roam .film-panels{background:#17262e}body.roam .end-scene{background:#d8523c}body.roam .editorial-band{background:#df6847}body.roam .site-footer{background:#2b3441}
@keyframes filmPan{from{transform:scale(1.16) translate(-2%,0);filter:brightness(.7)}to{transform:scale(1.01);filter:brightness(1)}}
@media(max-width:900px){.world-header nav,.world-header .nav-cta{display:none}.menu-button{display:block}.tile-grid{grid-template-columns:1fr 1fr}.editorial-band,.story-details,.detail-hero{grid-template-columns:1fr}.detail-image{min-height:430px}.film-hero{min-height:80svh}.hero-copy h1{font-size:clamp(4rem,12vw,7.5rem)}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.world-header{min-height:70px;padding:12px 18px}.world-header .brand{font-size:23px}.hero-copy{padding:100px 23px}.hero-copy h1{font-size:clamp(4rem,13.7vw,6rem)}.film-shot{min-height:76svh;padding:105px 24px 85px}.film-shot h2{font-size:clamp(3.8rem,12vw,6rem)}.film-panels.film-enhanced{height:255svh}.tile-grid{grid-template-columns:1fr}.tile-image{height:320px}.editorial-band .band-art{min-height:330px}.editorial-band .band-copy{padding:65px 24px}.detail-content{padding:65px 24px}.page-cover{padding:75px 0}.end-scene{padding:95px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film-hero img{animation:none!important}.film-panels{height:auto!important}.film-sticky{position:static!important;height:auto!important}.film-shot{position:relative!important;opacity:1!important;min-height:75svh!important;pointer-events:auto!important}.film-shot img,.film-shot-copy{transform:none!important;opacity:1!important}.tile-image img,.btn{transition:none!important}}

/* Director's motion pass: scroll-controlled virtual camera and bold title choreography. */
.film-enhanced .film-shot img{
 transform:translate3d(var(--camera-x,0px),var(--camera-y,0px),0) scale(var(--scale,1.12));
 transform-origin:50% 48%;
 will-change:transform;
}
.film-enhanced .film-shot-copy{
 opacity:var(--copy-opacity,var(--opacity,1));
 transform:translate3d(0,var(--lift,0px),0);
 will-change:transform,opacity;
}
.film-enhanced .film-shot h2 span{transform-origin:50% 100%;will-change:transform,opacity}
.film-enhanced .film-shot{isolation:isolate}
.film-enhanced .film-shot:after{background:linear-gradient(0deg,#060b0bec,rgba(5,12,12,.16) 77%),linear-gradient(95deg,rgba(5,11,11,.68),transparent 79%)}
.film-shot h2{font-size:clamp(5rem,10vw,11.3rem);line-height:.89}
.film-hero .hero-copy h1{perspective:900px}
.film-enhanced .film-sticky::before,.film-enhanced .film-sticky::after{content:'';position:absolute;z-index:5;left:0;right:0;height:clamp(10px,2.4svh,28px);background:#090b0b;pointer-events:none}
.film-enhanced .film-sticky::before{top:0}.film-enhanced .film-sticky::after{bottom:0}
@media(max-width:600px){
 
 .film-shot h2{font-size:clamp(4rem,12.5vw,6.2rem)}
 .film-enhanced .film-sticky::before,.film-enhanced .film-sticky::after{height:12px}
}
@media(prefers-reduced-motion:reduce){
 .film-enhanced .film-shot img,.film-enhanced .film-shot-copy,.film-enhanced .film-shot h2 span{transform:none!important;opacity:1!important;will-change:auto!important}
 .film-enhanced .film-sticky::before,.film-enhanced .film-sticky::after{display:none}
}