/* MySunDirection v0.0.11 — rooftop context added to existing 16:9 solar-panel showcase.
   Scoped to #process; no global CSS, header, hero or menu changes. */
#process.process-section {
  position:relative; isolation:isolate; overflow:hidden;
  padding:clamp(46px,5vw,66px) 12px 36px;
  background:
    radial-gradient(ellipse 62% 50% at 50% 58%,rgba(204,139,55,.105),transparent 78%),
    radial-gradient(ellipse 64% 52% at 50% 25%,rgba(41,99,152,.15),transparent 80%),
    linear-gradient(180deg,#080f20 0%,#0a172a 62%,#080f1e 100%);
}
#process .process-heading{max-width:850px;padding:0 6px}
#process .process-heading .eyebrow{font-size:11px;letter-spacing:.29em}
#process .process-heading h2{margin:7px 0 10px;font-size:clamp(29px,4.2vw,42px)}
#process .process-value-line{
  margin:0 auto 2px;max-width:820px;text-align:center;
  font:650 clamp(15px,1.85vw,19px)/1.36 'Inter',system-ui,sans-serif;
  color:#f8e6c6;
}
#process .process-value-line strong{
  font-weight:760;background:linear-gradient(100deg,#fff0c7,#ffc765 55%,#eea32f);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
#process .process-value-spark{color:#ffc468;font-size:15px;margin-right:4px}
#process .process-value-subline{
  color:#aebfd2;font-size:clamp(11px,1.2vw,13px);line-height:1.4;
  margin:0 auto;text-align:center;max-width:730px;
}
#process .orbit-scene{
  --orbit-card-width:420px;
  width:min(100%,1120px);height:505px;margin:2px auto 0;
  position:relative;isolation:isolate;
  --fallback-cy:224px;--fallback-ry:112px;--fallback-rx:485px;
}
#process .orbit-scene::after{
  content:'';position:absolute;left:50%;bottom:13px;transform:translateX(-50%);
  width:min(63%,650px);height:62px;pointer-events:none;
  background:radial-gradient(ellipse,rgba(25,61,101,.3),transparent 75%);
  filter:blur(14px);z-index:0;
}
/* Decorative existing rooftop arrays and parapet, intentionally low contrast.
   These do NOT take space or change the orbit layout/card sizes. */
#process .orbit-rooftop{
  position:absolute;inset:0;display:block;z-index:0;
  overflow:hidden;pointer-events:none;opacity:.86;
}
#process .orbit-rooftop-art{
  display:block;width:100%;height:100%;object-fit:fill;max-width:none;
  user-select:none;-webkit-user-drag:none;
}
#process .orbit-haze{
  position:absolute;left:50%;top:45%;width:82%;height:54%;transform:translate(-50%,-50%);
  filter:blur(32px);pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(248,176,65,.105),rgba(61,108,146,.08) 44%,transparent 77%);z-index:0;
}
#process .orbit-track-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
#process .orbit-track-back{fill:none;stroke:#8fa8c4;stroke-width:1.1;stroke-dasharray:3 12;opacity:.24}
#process .orbit-track-front{fill:none;stroke:#ffc879;stroke-width:1.5;stroke-dasharray:3 8;opacity:.4;filter:drop-shadow(0 0 5px rgba(255,177,54,.15))}
#process .orbit-core{
  position:absolute;left:50%;top:35%;width:105px;height:105px;
  transform:translate(-50%,-50%);z-index:38;pointer-events:none;
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.43)) drop-shadow(0 0 17px rgba(247,177,65,.1));
}
#process .orbit-mechanical-hub{display:block;width:100%;height:100%;overflow:visible}
#process .orbit-gear-turn{transform-origin:90px 90px;animation:ms-gear-turn-v008 12s linear infinite}
@keyframes ms-gear-turn-v008{to{transform:rotate(360deg)}}
#process .orbit-items{position:absolute;inset:0;pointer-events:none}
#process .orbit-item{
  position:absolute;left:50%;top:0;width:var(--orbit-card-width);
  aspect-ratio:16/9;height:auto;box-sizing:border-box;overflow:visible;
  color:#fff;pointer-events:none;transform-origin:center center;
  opacity:0;will-change:transform,opacity;
  animation:ms-orbit-fallback-v008 30s linear infinite both;
}
#process .orbit-item:nth-child(1){animation-delay:-0s}
#process .orbit-item:nth-child(2){animation-delay:-5s}
#process .orbit-item:nth-child(3){animation-delay:-10s}
#process .orbit-item:nth-child(4){animation-delay:-15s}
#process .orbit-item:nth-child(5){animation-delay:-20s}
#process .orbit-item:nth-child(6){animation-delay:-25s}
#process .orbit-scene.orbit--js-running .orbit-item{animation:none}
#process .orbit-panel-shell{
  position:absolute;inset:0;box-sizing:border-box;aspect-ratio:16/9;overflow:hidden;isolation:isolate;
  border-radius:12px;
  /* Physical solar module silhouette: blue anodized rails, bright aluminium bevel and cell divisions. */
  border:5px solid #1c3e61;
  outline:1px solid rgba(166,201,227,.78);
  background:#f1f7fc;
  box-shadow:
    inset 0 0 0 1px rgba(223,241,255,.85),
    inset 0 6px 7px rgba(58,96,134,.22),
    0 15px 35px rgba(0,0,0,.46),
    0 1px 0 2px rgba(8,23,45,.75);
}
#process .orbit-panel-shell::before{
  content:'';position:absolute;inset:0;z-index:3;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(214,232,246,.87),inset 0 2px 0 rgba(255,255,255,.55),inset 0 -3px 0 rgba(5,33,62,.37);
  background:linear-gradient(110deg,rgba(255,255,255,.10),transparent 32%,rgba(123,206,248,.04) 70%,rgba(255,255,255,.08));
}
#process .orbit-panel-shell::after{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:4;
  background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),rgba(158,199,226,.24) calc(20% - 1px),rgba(158,199,226,.24) 20%);
  opacity:.24;
}
#process .orbit-image-frame{
  position:absolute;inset:0;display:block;overflow:hidden;
  background:linear-gradient(145deg,#fbfdff,#e9f2f9);
}
#process .orbit-image-frame img{
  position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;
  padding:11px 17px 48px;box-sizing:border-box;max-width:none;
}
#process .orbit-image-frame::after{
  content:'';position:absolute;inset:0;pointer-events:none;opacity:.48;
  background-image:linear-gradient(rgba(40,94,138,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(40,94,138,.034) 1px,transparent 1px);
  background-size:26px 26px;
}
#process .orbit-panel-rivets{position:absolute;inset:0;z-index:6;pointer-events:none;
  background:
    radial-gradient(circle at 7px 7px,#d8e8f4 0 2px,#224564 2.3px 3.7px,transparent 4px),
    radial-gradient(circle at calc(100% - 7px) 7px,#d8e8f4 0 2px,#224564 2.3px 3.7px,transparent 4px),
    radial-gradient(circle at 7px calc(100% - 7px),#d8e8f4 0 2px,#224564 2.3px 3.7px,transparent 4px),
    radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#d8e8f4 0 2px,#224564 2.3px 3.7px,transparent 4px);
}
#process .orbit-card-gradient{
  position:absolute;inset:auto 0 0;height:45%;z-index:2;pointer-events:none;
  background:linear-gradient(0deg,rgba(5,19,38,.99) 0%,rgba(7,28,52,.96) 49%,rgba(8,28,50,0) 100%);
}
#process .orbit-card-copy{
  position:absolute;inset:auto 13px 12px;z-index:5;
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.42));
}
#process .orbit-step-index{color:#ffce77;font:800 10px/1.25 'Inter',system-ui,sans-serif;letter-spacing:.14em}
#process .orbit-card-title{color:#fff;font:700 clamp(16px,1.55vw,20px)/1.13 'Playfair Display',Georgia,serif;letter-spacing:-.02em}
#process .orbit-card-subtitle{color:#c6dced;font:500 clamp(9px,1vw,12px)/1.3 'Inter',system-ui,sans-serif}
#process .orbit-item.is-front .orbit-panel-shell{
  border-color:#26517d;outline-color:#f9c86e;
  box-shadow:inset 0 0 0 1px #b8d5e8,0 22px 57px rgba(0,0,0,.53),0 0 0 2px rgba(248,184,74,.54),0 0 34px rgba(248,184,74,.12);
}
/* The tiny visible module frame includes two struts and a foot rail, like a rooftop solar mounting stand. */
#process .orbit-solar-stand{position:absolute;top:calc(100% - 2px);left:14%;width:72%;height:30px;pointer-events:none;z-index:-1;opacity:.86}
#process .orbit-stand-upright{position:absolute;top:-2px;height:24px;width:5px;border-radius:2px;background:linear-gradient(90deg,#172d43,#8da7bd 47%,#2f536e);box-shadow:1px 1px 2px rgba(0,0,0,.6)}
#process .orbit-stand-upright.left{left:20%;transform:rotate(24deg);transform-origin:top}
#process .orbit-stand-upright.right{right:20%;transform:rotate(-24deg);transform-origin:top}
#process .orbit-stand-foot{position:absolute;left:0;right:0;bottom:0;height:5px;border-radius:50%;background:linear-gradient(90deg,transparent,#577894 11%,#cad6de 50%,#577894 89%,transparent);box-shadow:0 3px 5px rgba(0,0,0,.5)}
#process .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){
  #process.process-section{padding:42px 9px 32px}
  #process .process-heading h2{font-size:clamp(27px,7.8vw,34px);margin:7px 0 9px}
  #process .process-value-line{font-size:clamp(14px,4vw,16px);max-width:380px;line-height:1.28;margin-bottom:4px}
  #process .process-value-spark{font-size:13px;margin-right:2px}
  #process .process-value-subline{font-size:11px;max-width:360px;line-height:1.34}
  #process .orbit-scene{height:348px;margin:4px auto 0;width:100%;--orbit-card-width:79vw;--fallback-cy:151px;--fallback-ry:72px;--fallback-rx:65vw}
  #process .orbit-core{width:73px;height:73px;top:33%;opacity:.94}
  #process .orbit-panel-shell{border-radius:10px;border-width:4px}
  #process .orbit-image-frame img{padding:9px 12px 42px}
  #process .orbit-card-gradient{height:50%}
  #process .orbit-card-copy{inset:auto 9px 9px;gap:1px}
  #process .orbit-step-index{font-size:9px}
  #process .orbit-card-title{font-size:clamp(13px,3.75vw,17px);line-height:1.12}
  #process .orbit-card-subtitle{font-size:9px;line-height:1.24}
  #process .orbit-solar-stand{height:23px}
  #process .orbit-stand-upright{height:17px;width:4px}
  #process .orbit-stand-foot{height:4px}
  #process .orbit-rooftop{opacity:.77}
  #process .orbit-track-back{opacity:.15}
  #process .orbit-track-front{opacity:.3}
}
@media(max-width:360px){
  #process .orbit-scene{height:310px;--fallback-cy:137px;--fallback-ry:61px}
  #process .orbit-core{width:66px;height:66px}
  #process .orbit-image-frame img{padding:7px 9px 38px}
  #process .orbit-card-copy{inset:auto 8px 7px}
  #process .orbit-card-title{font-size:13px}
  #process .orbit-card-subtitle{font-size:8px}
}
@media(min-width:701px) and (max-width:1050px){
  #process .orbit-scene{height:465px;--orbit-card-width:370px;--fallback-cy:210px;--fallback-ry:110px}
  #process .orbit-core{width:99px;height:99px}
}

/* v0.0.9 — physical solar-module details; existing 16:9 card geometry is unchanged.
   The clamps and low-profile electronics sit outside the actual image area. */
#process .orbit-panel-clamp{
  position:absolute;z-index:8;display:block;width:19px;height:11px;
  box-sizing:border-box;border:1px solid #6e8498;border-radius:3px;
  background:linear-gradient(180deg,#e4ecf2 0%,#93a8b9 31%,#536e85 62%,#dbe5eb 100%);
  box-shadow:0 2px 4px rgba(2,11,23,.55),inset 0 1px 0 rgba(255,255,255,.78);
  pointer-events:none;
}
#process .orbit-panel-clamp::before{
  content:'';position:absolute;left:50%;top:2px;transform:translateX(-50%);
  width:5px;height:5px;border:1px solid #344c61;border-radius:50%;
  background:radial-gradient(circle at 35% 32%,#fbf6db,#a0aebc 62%,#52667b);
  box-shadow:0 0 0 1px rgba(255,255,255,.24);
}
#process .orbit-panel-clamp::after{
  content:'';position:absolute;left:2px;right:2px;bottom:-4px;height:4px;
  background:linear-gradient(90deg,#496781,#dae3e9,#45647d);
  border-radius:0 0 2px 2px;
}
#process .clamp-top-left{left:16%;top:-6px}
#process .clamp-top-right{right:16%;top:-6px}
#process .clamp-bottom-left{left:16%;bottom:-5px}
#process .clamp-bottom-right{right:16%;bottom:-5px}
#process .orbit-panel-cable{
  position:absolute;left:50%;top:calc(100% - 2px);width:41%;height:41px;
  overflow:visible;pointer-events:none;z-index:-1;
}
#process .orbit-panel-cable-shadow{
  fill:none;stroke:#030d18;stroke-width:6;stroke-linecap:round;
}
#process .orbit-panel-cable-line{
  fill:none;stroke:#c49a64;stroke-width:2;stroke-linecap:round;opacity:.84;
  filter:drop-shadow(0 0 2px rgba(247,172,62,.22));
}
#process .orbit-panel-control{
  position:absolute;right:2%;top:calc(100% + 9px);
  width:33px;height:23px;box-sizing:border-box;
  border:2px solid #8da6ba;border-radius:5px;
  background:linear-gradient(155deg,#d7e1e8,#7c97ae 39%,#354b62 87%);
  box-shadow:0 5px 10px rgba(0,0,0,.45),inset 1px 1px 0 rgba(255,255,255,.6);
  z-index:1;pointer-events:none;
}
#process .orbit-panel-control::before{
  content:'';position:absolute;inset:5px 9px 5px 6px;border:1px solid #506b82;
  border-radius:2px;background:linear-gradient(160deg,#213b50,#0d202f);
}
#process .orbit-control-screw{position:absolute;left:3px;width:3px;height:3px;border-radius:50%;background:#edf5ff;box-shadow:0 0 0 1px #536879;z-index:2}
#process .screw-top{top:3px}
#process .screw-bottom{bottom:3px}
#process .orbit-control-signal{position:absolute;width:5px;height:5px;top:8px;right:6px;border-radius:50%;background:#a6f5be;box-shadow:0 0 5px #65c888;z-index:2}
#process .orbit-control-cable-gland{
  position:absolute;left:2px;top:9px;width:5px;height:7px;
  transform:translateX(-100%);background:#617b90;border:1px solid #a8b7c4;border-radius:2px;
}
@media(max-width:700px){
  #process .orbit-panel-clamp{width:14px;height:9px;border-radius:2px}
  #process .orbit-panel-clamp::before{width:3px;height:3px;top:2px}
  #process .orbit-panel-clamp::after{bottom:-3px;height:3px}
  #process .orbit-panel-cable{height:30px}
  #process .orbit-panel-control{width:25px;height:19px;top:calc(100% + 6px);border-width:1.5px;border-radius:4px}
  #process .orbit-panel-control::before{inset:4px 8px 4px 5px}
  #process .orbit-control-signal{width:4px;height:4px;top:6px;right:4px}
  #process .orbit-control-cable-gland{top:6px}
}
@media(max-width:360px){
  #process .orbit-panel-clamp{width:13px}
  #process .orbit-panel-control{width:23px;height:18px}
}

/* CSS-only motion if the JavaScript asset is unavailable. JS takes over once healthy. */
@keyframes ms-orbit-fallback-v008{
  0.0000%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.00000), calc(var(--fallback-cy) + var(--fallback-ry) * 1.00000), 0) scale(1.0000);opacity:1.000;filter:blur(0.00px);z-index:55;}
  1.3889%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.02626), calc(var(--fallback-cy) + var(--fallback-ry) * 0.99619), 0) scale(0.9989);opacity:0.999;filter:blur(0.00px);z-index:55;}
  2.7778%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.05302), calc(var(--fallback-cy) + var(--fallback-ry) * 0.98481), 0) scale(0.9958);opacity:0.997;filter:blur(0.00px);z-index:55;}
  4.1667%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.08073), calc(var(--fallback-cy) + var(--fallback-ry) * 0.96593), 0) scale(0.9906);opacity:0.992;filter:blur(0.00px);z-index:54;}
  5.5556%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.10983), calc(var(--fallback-cy) + var(--fallback-ry) * 0.93969), 0) scale(0.9834);opacity:0.986;filter:blur(0.01px);z-index:53;}
  6.9444%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.14064), calc(var(--fallback-cy) + var(--fallback-ry) * 0.90631), 0) scale(0.9743);opacity:0.979;filter:blur(0.01px);z-index:53;}
  8.3333%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.17345), calc(var(--fallback-cy) + var(--fallback-ry) * 0.86603), 0) scale(0.9634);opacity:0.970;filter:blur(0.02px);z-index:52;}
  9.7222%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.20838), calc(var(--fallback-cy) + var(--fallback-ry) * 0.81915), 0) scale(0.9508);opacity:0.959;filter:blur(0.03px);z-index:50;}
  11.1111%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.24547), calc(var(--fallback-cy) + var(--fallback-ry) * 0.76604), 0) scale(0.9366);opacity:0.947;filter:blur(0.05px);z-index:49;}
  12.5000%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.28462), calc(var(--fallback-cy) + var(--fallback-ry) * 0.70711), 0) scale(0.9211);opacity:0.933;filter:blur(0.07px);z-index:48;}
  13.8889%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.32559), calc(var(--fallback-cy) + var(--fallback-ry) * 0.64279), 0) scale(0.9044);opacity:0.918;filter:blur(0.10px);z-index:46;}
  15.2778%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.36800), calc(var(--fallback-cy) + var(--fallback-ry) * 0.57358), 0) scale(0.8866);opacity:0.902;filter:blur(0.13px);z-index:44;}
  16.6667%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.41136), calc(var(--fallback-cy) + var(--fallback-ry) * 0.50000), 0) scale(0.8680);opacity:0.885;filter:blur(0.16px);z-index:43;}
  18.0556%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.45504), calc(var(--fallback-cy) + var(--fallback-ry) * 0.42262), 0) scale(0.8489);opacity:0.866;filter:blur(0.20px);z-index:41;}
  19.4444%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.49831), calc(var(--fallback-cy) + var(--fallback-ry) * 0.34202), 0) scale(0.8293);opacity:0.847;filter:blur(0.25px);z-index:39;}
  20.8333%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.54035), calc(var(--fallback-cy) + var(--fallback-ry) * 0.25882), 0) scale(0.8095);opacity:0.827;filter:blur(0.30px);z-index:36;}
  22.2222%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.58027), calc(var(--fallback-cy) + var(--fallback-ry) * 0.17365), 0) scale(0.7897);opacity:0.806;filter:blur(0.36px);z-index:34;}
  23.6111%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.61714), calc(var(--fallback-cy) + var(--fallback-ry) * 0.08716), 0) scale(0.7700);opacity:0.784;filter:blur(0.42px);z-index:32;}
  25.0000%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.65000), calc(var(--fallback-cy) + var(--fallback-ry) * 0.00000), 0) scale(0.7508);opacity:0.762;filter:blur(0.48px);z-index:30;}
  26.3889%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.67791), calc(var(--fallback-cy) + var(--fallback-ry) * -0.08716), 0) scale(0.7322);opacity:0.739;filter:blur(0.54px);z-index:28;}
  27.7778%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.69998), calc(var(--fallback-cy) + var(--fallback-ry) * -0.17365), 0) scale(0.7143);opacity:0.716;filter:blur(0.61px);z-index:26;}
  29.1667%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.71535), calc(var(--fallback-cy) + var(--fallback-ry) * -0.25882), 0) scale(0.6973);opacity:0.693;filter:blur(0.68px);z-index:24;}
  30.5556%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.72329), calc(var(--fallback-cy) + var(--fallback-ry) * -0.34202), 0) scale(0.6814);opacity:0.670;filter:blur(0.75px);z-index:21;}
  31.9444%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.72316), calc(var(--fallback-cy) + var(--fallback-ry) * -0.42262), 0) scale(0.6666);opacity:0.647;filter:blur(0.83px);z-index:19;}
  33.3333%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.71447), calc(var(--fallback-cy) + var(--fallback-ry) * -0.50000), 0) scale(0.6531);opacity:0.625;filter:blur(0.90px);z-index:18;}
  34.7222%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.69690), calc(var(--fallback-cy) + var(--fallback-ry) * -0.57358), 0) scale(0.6409);opacity:0.603;filter:blur(0.97px);z-index:16;}
  36.1111%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.67027), calc(var(--fallback-cy) + var(--fallback-ry) * -0.64279), 0) scale(0.6301);opacity:0.581;filter:blur(1.03px);z-index:14;}
  37.5000%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.63462), calc(var(--fallback-cy) + var(--fallback-ry) * -0.70711), 0) scale(0.6207);opacity:0.560;filter:blur(1.10px);z-index:12;}
  38.8889%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.59015), calc(var(--fallback-cy) + var(--fallback-ry) * -0.76604), 0) scale(0.6126);opacity:0.541;filter:blur(1.15px);z-index:11;}
  40.2778%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.53727), calc(var(--fallback-cy) + var(--fallback-ry) * -0.81915), 0) scale(0.6060);opacity:0.522;filter:blur(1.21px);z-index:10;}
  41.6667%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.47655), calc(var(--fallback-cy) + var(--fallback-ry) * -0.86603), 0) scale(0.6007);opacity:0.504;filter:blur(1.26px);z-index:8;}
  43.0556%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.40876), calc(var(--fallback-cy) + var(--fallback-ry) * -0.90631), 0) scale(0.5966);opacity:0.488;filter:blur(1.30px);z-index:7;}
  44.4444%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.33480), calc(var(--fallback-cy) + var(--fallback-ry) * -0.93969), 0) scale(0.5936);opacity:0.474;filter:blur(1.34px);z-index:7;}
  45.8333%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.25573), calc(var(--fallback-cy) + var(--fallback-ry) * -0.96593), 0) scale(0.5917);opacity:0.462;filter:blur(1.36px);z-index:6;}
  47.2222%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.17272), calc(var(--fallback-cy) + var(--fallback-ry) * -0.98481), 0) scale(0.5906);opacity:0.451;filter:blur(1.38px);z-index:5;}
  48.6111%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.08704), calc(var(--fallback-cy) + var(--fallback-ry) * -0.99619), 0) scale(0.5901);opacity:0.444;filter:blur(1.40px);z-index:5;}
  50.0000%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * -0.00000), calc(var(--fallback-cy) + var(--fallback-ry) * -1.00000), 0) scale(0.5900);opacity:0.440;filter:blur(1.40px);z-index:5;}
  51.3889%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.08704), calc(var(--fallback-cy) + var(--fallback-ry) * -0.99619), 0) scale(0.5901);opacity:0.444;filter:blur(1.40px);z-index:5;}
  52.7778%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.17272), calc(var(--fallback-cy) + var(--fallback-ry) * -0.98481), 0) scale(0.5906);opacity:0.451;filter:blur(1.38px);z-index:5;}
  54.1667%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.25573), calc(var(--fallback-cy) + var(--fallback-ry) * -0.96593), 0) scale(0.5917);opacity:0.462;filter:blur(1.36px);z-index:6;}
  55.5556%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.33480), calc(var(--fallback-cy) + var(--fallback-ry) * -0.93969), 0) scale(0.5936);opacity:0.474;filter:blur(1.34px);z-index:7;}
  56.9444%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.40876), calc(var(--fallback-cy) + var(--fallback-ry) * -0.90631), 0) scale(0.5966);opacity:0.488;filter:blur(1.30px);z-index:7;}
  58.3333%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.47655), calc(var(--fallback-cy) + var(--fallback-ry) * -0.86603), 0) scale(0.6007);opacity:0.504;filter:blur(1.26px);z-index:8;}
  59.7222%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.53727), calc(var(--fallback-cy) + var(--fallback-ry) * -0.81915), 0) scale(0.6060);opacity:0.522;filter:blur(1.21px);z-index:10;}
  61.1111%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.59015), calc(var(--fallback-cy) + var(--fallback-ry) * -0.76604), 0) scale(0.6126);opacity:0.541;filter:blur(1.15px);z-index:11;}
  62.5000%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.63462), calc(var(--fallback-cy) + var(--fallback-ry) * -0.70711), 0) scale(0.6207);opacity:0.560;filter:blur(1.10px);z-index:12;}
  63.8889%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.67027), calc(var(--fallback-cy) + var(--fallback-ry) * -0.64279), 0) scale(0.6301);opacity:0.581;filter:blur(1.03px);z-index:14;}
  65.2778%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.69690), calc(var(--fallback-cy) + var(--fallback-ry) * -0.57358), 0) scale(0.6409);opacity:0.603;filter:blur(0.97px);z-index:16;}
  66.6667%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.71447), calc(var(--fallback-cy) + var(--fallback-ry) * -0.50000), 0) scale(0.6531);opacity:0.625;filter:blur(0.90px);z-index:17;}
  68.0556%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.72316), calc(var(--fallback-cy) + var(--fallback-ry) * -0.42262), 0) scale(0.6666);opacity:0.647;filter:blur(0.83px);z-index:19;}
  69.4444%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.72329), calc(var(--fallback-cy) + var(--fallback-ry) * -0.34202), 0) scale(0.6814);opacity:0.670;filter:blur(0.75px);z-index:21;}
  70.8333%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.71535), calc(var(--fallback-cy) + var(--fallback-ry) * -0.25882), 0) scale(0.6973);opacity:0.693;filter:blur(0.68px);z-index:24;}
  72.2222%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.69998), calc(var(--fallback-cy) + var(--fallback-ry) * -0.17365), 0) scale(0.7143);opacity:0.716;filter:blur(0.61px);z-index:26;}
  73.6111%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.67791), calc(var(--fallback-cy) + var(--fallback-ry) * -0.08716), 0) scale(0.7322);opacity:0.739;filter:blur(0.54px);z-index:28;}
  75.0000%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.65000), calc(var(--fallback-cy) + var(--fallback-ry) * -0.00000), 0) scale(0.7508);opacity:0.762;filter:blur(0.48px);z-index:30;}
  76.3889%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.61714), calc(var(--fallback-cy) + var(--fallback-ry) * 0.08716), 0) scale(0.7700);opacity:0.784;filter:blur(0.42px);z-index:32;}
  77.7778%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.58027), calc(var(--fallback-cy) + var(--fallback-ry) * 0.17365), 0) scale(0.7897);opacity:0.806;filter:blur(0.36px);z-index:34;}
  79.1667%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.54035), calc(var(--fallback-cy) + var(--fallback-ry) * 0.25882), 0) scale(0.8095);opacity:0.827;filter:blur(0.30px);z-index:36;}
  80.5556%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.49831), calc(var(--fallback-cy) + var(--fallback-ry) * 0.34202), 0) scale(0.8293);opacity:0.847;filter:blur(0.25px);z-index:39;}
  81.9444%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.45504), calc(var(--fallback-cy) + var(--fallback-ry) * 0.42262), 0) scale(0.8489);opacity:0.866;filter:blur(0.20px);z-index:41;}
  83.3333%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.41136), calc(var(--fallback-cy) + var(--fallback-ry) * 0.50000), 0) scale(0.8680);opacity:0.885;filter:blur(0.16px);z-index:42;}
  84.7222%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.36800), calc(var(--fallback-cy) + var(--fallback-ry) * 0.57358), 0) scale(0.8866);opacity:0.902;filter:blur(0.13px);z-index:44;}
  86.1111%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.32559), calc(var(--fallback-cy) + var(--fallback-ry) * 0.64279), 0) scale(0.9044);opacity:0.918;filter:blur(0.10px);z-index:46;}
  87.5000%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.28462), calc(var(--fallback-cy) + var(--fallback-ry) * 0.70711), 0) scale(0.9211);opacity:0.933;filter:blur(0.07px);z-index:48;}
  88.8889%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.24547), calc(var(--fallback-cy) + var(--fallback-ry) * 0.76604), 0) scale(0.9366);opacity:0.947;filter:blur(0.05px);z-index:49;}
  90.2778%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.20838), calc(var(--fallback-cy) + var(--fallback-ry) * 0.81915), 0) scale(0.9508);opacity:0.959;filter:blur(0.03px);z-index:50;}
  91.6667%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.17345), calc(var(--fallback-cy) + var(--fallback-ry) * 0.86603), 0) scale(0.9634);opacity:0.970;filter:blur(0.02px);z-index:52;}
  93.0556%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.14064), calc(var(--fallback-cy) + var(--fallback-ry) * 0.90631), 0) scale(0.9743);opacity:0.979;filter:blur(0.01px);z-index:53;}
  94.4444%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.10983), calc(var(--fallback-cy) + var(--fallback-ry) * 0.93969), 0) scale(0.9834);opacity:0.986;filter:blur(0.01px);z-index:53;}
  95.8333%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.08073), calc(var(--fallback-cy) + var(--fallback-ry) * 0.96593), 0) scale(0.9906);opacity:0.992;filter:blur(0.00px);z-index:54;}
  97.2222%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.05302), calc(var(--fallback-cy) + var(--fallback-ry) * 0.98481), 0) scale(0.9958);opacity:0.997;filter:blur(0.00px);z-index:55;}
  98.6111%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.02626), calc(var(--fallback-cy) + var(--fallback-ry) * 0.99619), 0) scale(0.9989);opacity:0.999;filter:blur(0.00px);z-index:55;}
  100.0000%{transform:translate(-50%,-50%) translate3d(calc(var(--fallback-rx) * 0.00000), calc(var(--fallback-cy) + var(--fallback-ry) * 1.00000), 0) scale(1.0000);opacity:1.000;filter:blur(0.00px);z-index:55;}
}
@media(prefers-reduced-motion:reduce){
  /* The showcase stays gently animated without disabling user control of reduced motion. */
  #process .orbit-scene:not(.orbit--js-running) .orbit-item{animation-duration:42s}
  #process .orbit-gear-turn{animation-duration:32s}
}

/* v0.0.11 — brighter architectural rooftop cues, steady front-card motion on mobile. */
#process .orbit-rooftop{opacity:.96}
@media(max-width:700px){
  #process .orbit-rooftop{opacity:.94}
  /* Six offsets, 21 seconds per loop: adjacent steps exchange the foreground about every 3.5s.
     The existing 16:9 card width and height remain exactly the same. */
  #process .orbit-scene:not(.orbit--js-running) .orbit-item{animation-duration:21s}
  #process .orbit-scene:not(.orbit--js-running) .orbit-item:nth-child(1){animation-delay:0s}
  #process .orbit-scene:not(.orbit--js-running) .orbit-item:nth-child(2){animation-delay:-3.5s}
  #process .orbit-scene:not(.orbit--js-running) .orbit-item:nth-child(3){animation-delay:-7s}
  #process .orbit-scene:not(.orbit--js-running) .orbit-item:nth-child(4){animation-delay:-10.5s}
  #process .orbit-scene:not(.orbit--js-running) .orbit-item:nth-child(5){animation-delay:-14s}
  #process .orbit-scene:not(.orbit--js-running) .orbit-item:nth-child(6){animation-delay:-17.5s}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){
  #process .orbit-scene:not(.orbit--js-running) .orbit-item{animation-duration:48s}
  #process .orbit-scene:not(.orbit--js-running) .orbit-item:nth-child(1){animation-delay:0s}
  #process .orbit-scene:not(.orbit--js-running) .orbit-item:nth-child(2){animation-delay:-8s}
  #process .orbit-scene:not(.orbit--js-running) .orbit-item:nth-child(3){animation-delay:-16s}
  #process .orbit-scene:not(.orbit--js-running) .orbit-item:nth-child(4){animation-delay:-24s}
  #process .orbit-scene:not(.orbit--js-running) .orbit-item:nth-child(5){animation-delay:-32s}
  #process .orbit-scene:not(.orbit--js-running) .orbit-item:nth-child(6){animation-delay:-40s}
}