/* THINK4EI SELECTED DESIGN — a removable PUBLIC-only presentation layer.
   No layout reordering, routing, inputs, source records, or avatar transformations.
   JS adds data-fei-environment to an explicit public root; never html/body/:root. */
[data-fei-environment="cinematic"] {
 --fei-black:#020408; --fei-blue-black:#040a16; --fei-navy:#08172f;
 --fei-navy-raised:#102748; --fei-sapphire:#0f52ba; --fei-royal:#4169e1;
 --fei-gold:#d1a24d; --fei-gold-bright:#ffe3a1; --fei-cream:#f6f0e5;
 --fei-crimson:#c12849; --fei-purple:#793caf; --fei-green:#188674;
 --fei-grain:url('./assets/fine-grain.png');
 --fei-metal:url('./assets/swept-metal.svg');
 --fei-earth:url('./assets/earth-illustration.webp');
 --fei-floor:url('./assets/reflective-floor.svg');
 --fei-env-cycle:28s; --fei-env-state:running;
 /* Rebind palette within the public boundary; inherited product tokens are untouched. */
 --text:var(--fei-cream); --gold:#d9b46a; --goldlight:#ffe2a0;
 --muted:#b8c8d9; --line:#b59a654a;
 background:var(--fei-blue-black); color:var(--fei-cream);
}
/* Quiet surfaces: depth remains when motion is paused. */
[data-fei-environment="cinematic"] :is(.site-header,.site-footer){
 background:linear-gradient(115deg,#01060eed,#0a1b31ee 52%,#020813f2);
 border-color:#d1a24d50; box-shadow:0 1px 0 #ffffff07,0 14px 34px #00000026;
}
[data-fei-environment="cinematic"] .site-footer {
 background:radial-gradient(ellipse at 70% 150%,#0f52ba40,transparent 55%),linear-gradient(110deg,#01040a,#061329 55%,#000207);
}
[data-fei-environment="cinematic"] [data-fei-zone]{position:relative;isolation:isolate;}
[data-fei-environment="cinematic"] :is(.arrival-scene,.motion-scene){
 background:radial-gradient(ellipse at 57% 42%,#18478675 0%,#0b254655 30%,transparent 58%),
 radial-gradient(ellipse at 81% 12%,#13388785,transparent 37%),linear-gradient(108deg,#01050c,#06152b 45%,#000409);
 border-color:#cda35270;
}
/* These are obsolete decoration only. Functional cards and original images remain. */
[data-fei-environment="cinematic"] :is(.scene-architecture,.stage-architecture,.hero-floor){display:none;}
[data-fei-environment="cinematic"] :is(.arrival-scene,.motion-scene)::before{
 background:var(--fei-grain);opacity:.12;pointer-events:none;
}
[data-fei-environment="cinematic"] .fei-env-art{
 position:absolute;inset:0;z-index:-1;pointer-events:none;user-select:none;
 overflow:hidden;border-radius:inherit;contain:paint;
}
[data-fei-environment="cinematic"] .fei-env-art *{pointer-events:none;}
[data-fei-environment="cinematic"] .fei-env-depth{
 position:absolute;inset:0;
 background:radial-gradient(ellipse at 57% 46%,#1446794d,transparent 48%),
 radial-gradient(ellipse at 19% 95%,#56264b22,transparent 38%),
 linear-gradient(90deg,#01040dcc,transparent 34%,transparent 80%,#00060c70);
}
[data-fei-environment="cinematic"] .fei-env-planet{
 position:absolute;right:-4%;top:-10%;width:52%;aspect-ratio:1;
 background:var(--fei-earth) center/contain no-repeat;opacity:.38;
 transform:rotate(-21deg);filter:none;
}
[data-fei-environment="cinematic"] .fei-env-sculpture{
 position:absolute;inset:-5% -2% -7%;background:var(--fei-metal) center/100% 100% no-repeat;
 opacity:.95;
}
[data-fei-environment="cinematic"] .fei-env-floor{
 position:absolute;bottom:0;left:0;right:0;height:22%;
 background:var(--fei-floor) center/100% 100% no-repeat;
 -webkit-mask-image:linear-gradient(transparent,#000 20%);mask-image:linear-gradient(transparent,#000 20%);
}
[data-fei-environment="cinematic"] .fei-env-light{
 position:absolute;inset:0;opacity:.55;
 background:radial-gradient(ellipse at 45% 78%,#cfab542b,transparent 28%),
 radial-gradient(ellipse at 69% 32%,#4169e12e,transparent 37%);
 animation:fei-environment-light var(--fei-env-cycle) ease-in-out infinite;
 animation-play-state:var(--fei-env-state);transform:translate3d(0,0,0);
}
[data-fei-environment="cinematic"] .fei-env-curtain{
 position:absolute;inset:0;background:linear-gradient(90deg,#020711d6,transparent 42%,#00040c1a 66%,#00071161);
}
[data-fei-environment="cinematic"] .arrival-copy{background:transparent;text-shadow:0 2px 18px #0008;}
[data-fei-environment="cinematic"] .arrival-guide{background:linear-gradient(90deg,transparent,#020b17a0);}
/* No selector changes the portrait/logo/approved screen pixels. */
[data-fei-environment="cinematic"] .arrival-portrait{
 background:transparent;box-shadow:none;
}
[data-fei-environment="cinematic"] .portrait-halo{
 background:radial-gradient(ellipse,#d8b46b24,transparent 69%);opacity:.7;
}
[data-fei-environment="cinematic"] .motion-introduction{
 background:linear-gradient(90deg,#020916de,#031022b0 70%,transparent);
}
[data-fei-environment="cinematic"] .motion-scene .fei-env-planet{right:-8%;top:-18%;opacity:.34;width:60%;}
[data-fei-environment="cinematic"] .motion-scene .fei-env-sculpture{transform:scaleX(-1);opacity:.72;}
[data-fei-environment="cinematic"] .motion-scene .fei-env-curtain{
 background:linear-gradient(90deg,#020711bd,transparent 37%,transparent 70%,#020713b0);
}
[data-fei-environment="cinematic"] .wheel-space{
 background:radial-gradient(ellipse at 50% 47%,#04081199 0%,#05112b36 48%,transparent 68%);
}
[data-fei-environment="cinematic"] .wheel-backlight{
 background:radial-gradient(ellipse at 50% 36%,#2366db31,transparent 55%),radial-gradient(ellipse at 50% 70%,#e1b64d42,transparent 47%);
}
[data-fei-environment="cinematic"] .wheel-plinth{
 background:radial-gradient(ellipse at 50% 29%,#02060f 0 34%,#122948 40%,#030911 44%,#d9b266 45%,#f7e1a0 46%,#443315 48%,#01050b 51%,#0f2340 70%,#020711 100%);
 box-shadow:0 12px 0 -3px #06101d,0 15px 0 -3px #b38838,0 20px 0 -4px #111f32,
 0 27px 0 -5px #01030a,0 29px 0 -6px #8c6f35,0 40px 26px -15px #000e,
 inset 0 1px 0 #f4d79855,0 -10px 26px #cda2471c;
 border:1px solid #d2ad6552;
}
[data-fei-environment="cinematic"] .wheel-reflection{
 background:radial-gradient(ellipse at 50% 40%,#d5b06236,transparent 60%);
}
[data-fei-environment="cinematic"] .wheel-control-bar{
 background:linear-gradient(90deg,#010a16df,#102644d6 52%,#010811df);
 border-top:1px solid #d0ae6257;border-bottom:1px solid #111f39;
}
[data-fei-environment="cinematic"] :is(.wheel-insight,.wheel-topic,.eli-invite,.surface,.path-tile,.film-poster,.original-product-tile){
 background:radial-gradient(ellipse at 12% -12%,#254d7540,transparent 56%),linear-gradient(140deg,#0c2039ee,#020b19f2 75%);
 border-color:#8aa8c43b;box-shadow:inset 0 1px 0 #f1d49310,0 12px 30px #0005;
}
[data-fei-environment="cinematic"] :is(.wheel-topic:hover,.wheel-topic:focus-visible){
 border-color:var(--topic,#d3ac61);box-shadow:0 0 25px color-mix(in srgb,var(--topic,#d3ac61) 23%,transparent),inset 0 1px 0 #ffffff12;
}
[data-fei-environment="cinematic"] .button.primary{
 background:linear-gradient(108deg,#f7dd99,#d6a644 73%,#b87c24);
 border:1px solid #efcc81;box-shadow:0 1px 0 #ffffff66 inset,0 7px 22px #cb9a3826,0 3px 9px #0005;
 color:#11121a;
}
[data-fei-environment="cinematic"] :is(.button.secondary,.wheel-buttons button){
 background:linear-gradient(130deg,#112841cc,#030c1bed);
 border-color:#ae976264;box-shadow:inset 0 1px 0 #fff1,0 5px 15px #0003;
}
[data-fei-environment="cinematic"] :is(.section-cosmos,.page-head,.page-body){
 background:radial-gradient(ellipse at 84% 20%,#123b7935,transparent 53%),
 radial-gradient(ellipse at 12% 88%,#53244b16,transparent 43%),linear-gradient(115deg,#020711,#08172f 60%,#020914);
}
[data-fei-environment="cinematic"] .section:not(.section-cosmos){
 background:radial-gradient(ellipse at 52% 0,#0f52ba1c,transparent 58%),#020812;
}
[data-fei-environment="cinematic"] .discovery-band{
 background:linear-gradient(105deg,#020910,#08172f 50%,#020916);
 box-shadow:inset 0 1px 0 #d9b46738;
}
[data-fei-environment="cinematic"] .discovery-band>div{border-color:#c9aa7033;}
[data-fei-environment="cinematic"] .book-intro::before{
 background:radial-gradient(ellipse at 23% 74%,#a7752742,transparent 61%),var(--fei-grain),linear-gradient(140deg,#071629,#020a18);
}
[data-fei-environment="cinematic"] :is(.mini-book,.folio-cover){
 background-image:var(--fei-grain),repeating-radial-gradient(circle at 26% 34%,#29466c2b 0 .7px,transparent 1px 3px),linear-gradient(118deg,#152e4c,#020b1c 61%,#183756);
 border-color:#d7b16a;
}
[data-fei-environment="cinematic"] .book-screen{
 background:radial-gradient(ellipse at 51% 62%,#986a2230,transparent 35%),
 radial-gradient(ellipse at 69% 24%,#164ba438,transparent 45%),linear-gradient(128deg,#01050b,#0b1f3e 53%,#000309);
}
[data-fei-environment="cinematic"] .book-pedestal{
 background:radial-gradient(ellipse,#061221 10%,#02080f 57%,#b9964f 59%,#081426 61%,#01050c 72%);
 box-shadow:0 16px 0 -2px #00040b,0 20px 0 -3px #a47a2c,0 40px 38px -12px #000d;
}
[data-fei-environment="cinematic"] .eli-feature{
 background:radial-gradient(ellipse at 28% 42%,#b2863e26,transparent 40%),linear-gradient(125deg,#010711,#091d35 65%,#030b16);
}
[data-fei-environment="cinematic"] .film-poster{
 background:radial-gradient(ellipse at 24% 84%,#d1a24d23,transparent 46%),linear-gradient(127deg,#081a34,#00050d);
 border-color:#d9b77050;
}
[data-fei-environment="cinematic"][data-fei-env-paused="true"]{--fei-env-state:paused;}
[data-fei-environment="cinematic"][data-fei-env-active="false"]{--fei-env-state:paused;}
@keyframes fei-environment-light{0%,100%{opacity:.38;transform:translate3d(-.7%,0,0)}50%{opacity:.72;transform:translate3d(.7%,-.4%,0)}}
@media(max-width:700px){
 [data-fei-environment="cinematic"] .fei-env-planet{width:93%;right:-28%;top:7%;opacity:.22;}
 [data-fei-environment="cinematic"] .fei-env-sculpture{inset:0 -26%;opacity:.57;}
 [data-fei-environment="cinematic"] .fei-env-floor{height:16%;}
 [data-fei-environment="cinematic"] .motion-scene .fei-env-planet{width:90%;right:-27%;top:28%;opacity:.21;}
 [data-fei-environment="cinematic"] .motion-scene .fei-env-sculpture{opacity:.48;}
 [data-fei-environment="cinematic"] .arrival-guide{background:transparent;}
}
@media(prefers-reduced-motion:reduce){
 [data-fei-environment="cinematic"] .fei-env-light{animation:none;transform:none;opacity:.52;}
}
@media(forced-colors:active){
 [data-fei-environment="cinematic"] .fei-env-art{display:none;}
 [data-fei-environment="cinematic"] :is(.button,.surface,.wheel-topic){border:1px solid CanvasText;box-shadow:none;}
}

/* FEI-WEBSITE-FINISH 2026-09-28: hero headline fit -- reference look sets "Bring your / boldest / what if." on three lines; at desktop the 26% column wrapped it to four. */
@media(min-width:1001px){body .motion-introduction h1#motion-title{font-size:clamp(52px,4.4vw,68px);line-height:.98}}
/* FEI-WEBSITE-FINISH 2026-09-28: lift the ELI card above the CONNECT / TRANSFORM / ELEVATE caption (they overlapped at desktop widths). Hidden under 580px by the base rules. */
@media(min-width:901px){body .eli-beside-wheel{bottom:44px}}
@media(min-width:581px) and (max-width:900px){body .eli-beside-wheel{bottom:-84px}.motion-scene .wheel-space{margin-bottom:90px}}