.concept-golden-hour .hero-art{background:#21bccc}.sky-wash{position:absolute;inset:0;z-index:0;background:linear-gradient(170deg,var(--sky-top,#a4e9df),var(--sky-bottom,#10aec3));transition:background 6s;pointer-events:none}.solar-field{position:absolute;inset:0;z-index:1;pointer-events:none;--sun-x:50%;--sun-y:105%;--sun-alpha:0}.concept-golden-hour .sun-disc{width:100px;height:100px;top:0;left:0;right:auto;animation:none;background:var(--sun-color,#ffedb3);box-shadow:0 0 60px 10px #ffecae35;transform:translate(-50%,-50%);opacity:0;transition:opacity 3s}.sun-position{position:absolute;inset:0;transform:translate(50%,105%);transition:none}.sky-ready .sun-position{transform:translate(var(--sun-x),var(--sun-y));transition:transform 5s cubic-bezier(.22,.65,.3,1)}.sky-ready .sun-disc{opacity:var(--sun-alpha)}.sun-disc::after{content:'';position:absolute;inset:-15px;border:1px solid #fff7d825;border-radius:50%}.concept-golden-hour .sun-path{right:auto;left:var(--path-x,50%);width:45%;height:170px;bottom:25px;opacity:var(--reflection-opacity,.12);translate:-50% 0;transition:left 5s,opacity 5s;animation:live-reflection 12s ease-in-out infinite}.concept-golden-hour .sun-sparkles{display:none}.concept-golden-hour .orbit{z-index:1}.concept-golden-hour .logo-window{z-index:2;width:73%;animation:sunset-float 18s ease-in-out infinite}.concept-golden-hour .palm{z-index:2}.night-stars{position:absolute;inset:0;z-index:1;opacity:var(--night-opacity,0);transition:opacity 5s;background-image:radial-gradient(circle at 8% 14%,#fffbdc 0 1px,transparent 2px),radial-gradient(circle at 23% 24%,#d1f4ff 0 1px,transparent 2px),radial-gradient(circle at 70% 9%,#fffbdc 0 1px,transparent 2px),radial-gradient(circle at 91% 29%,#fffbdc 0 1px,transparent 2px),radial-gradient(circle at 48% 6%,#d1f4ff 0 1px,transparent 2px),radial-gradient(circle at 85% 12%,#fffbdc 0 1px,transparent 2px);pointer-events:none}.live-sky-label{position:absolute;left:20px;top:14px;z-index:6;display:flex;gap:4px;flex-direction:column;color:#fff;font-size:9px;text-shadow:0 1px 5px #09263c90;letter-spacing:1.2px}.live-sky-label span:first-child:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#e9ffd6;margin-right:7px}.live-sky-label span:last-child{letter-spacing:.5px;font-size:10px}.sky-review{padding:26px 7%;background:#edf7f8;display:flex;gap:25px;align-items:center;justify-content:space-between;border-bottom:1px solid #d8e3e5}.sky-review p{font-size:12px;color:#49616d;margin:5px 0}.sky-review details{max-width:480px;width:45%;font-size:12px}.sky-review summary{cursor:pointer;font-weight:700;padding:8px 0}.sky-review input{width:100%;accent-color:#1554ba;margin:14px 0}.sky-review label{display:block;font-size:11px;color:#49616d}.sky-samples{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.sky-samples button,#return-live{background:transparent;border:1px solid #b8d7db;border-radius:25px;padding:6px 11px;color:#09263c;font-size:11px;cursor:pointer}#return-live{background:#09263c;color:#fff}#return-live[hidden]{display:none}.sky-review strong{font-size:14px}.sky-review small{font-size:11px;color:#49616d;display:block;margin-top:6px}.experiment-bar>span{gap:12px}.concept-golden-hour .wave-far{fill:#fff0bb;opacity:calc(.08 + var(--reflection-opacity,.12))}.motion-paused .sun-position,.motion-paused .sun-disc,.motion-paused .sun-path{transition:none!important}@keyframes live-reflection{0%,100%{transform:scaleX(.96)}50%{transform:scaleX(1.04)}}@media(max-width:700px){.concept-golden-hour .sun-disc{width:70px;height:70px}.live-sky-label{font-size:8px;left:14px;top:12px}.live-sky-label span:last-child{font-size:9px}.sky-review{padding:24px 6%;display:block}.sky-review details{width:100%;margin-top:12px}.concept-golden-hour .logo-window{width:69%}.sky-review input{min-height:30px}}@media(prefers-reduced-motion:reduce){.sky-ready .sun-position,.sun-disc,.sun-path,.night-stars{transition:none!important}.sky-review details{display:block}}

/* Celestial bodies live inside the logo's sky, above the photograph and clear of its lettering. */
.logo-window .solar-field{z-index:4;--moon-alpha:0}.logo-window .sun-position{transform:translate(28%,35%)}.sky-ready .logo-window .sun-position{transform:translate(var(--sun-x),var(--sun-y))}.concept-golden-hour .logo-window .sun-disc{width:17%;height:auto;aspect-ratio:1;box-shadow:0 0 24px 5px #ffc76780,0 0 2px 1px #ecaf59;background:radial-gradient(circle at 38% 35%,#fff9d5,var(--sun-color,#ffedb3) 68%,#f6c671);border:1px solid #fff0b4}.logo-window .sun-disc::after{inset:-8px;border-color:#ffe8a53b}.moon-position{position:absolute;inset:0;transform:translate(50%,17%);opacity:0;transition:opacity 4s,transform 5s;pointer-events:none}.sky-ready .moon-position{opacity:var(--moon-alpha,0);transform:translate(50%,17%)}.moon-disc{position:absolute;left:0;top:0;width:18%;height:auto;transform:translate(-50%,-50%);overflow:visible;filter:drop-shadow(0 0 10px #d7e9ff60)}.logo-night-wash{position:absolute;inset:0;z-index:3;background:linear-gradient(to bottom,#071b35e8 0%,#102443be 18%,#11264064 30%,transparent 43%);opacity:var(--night-opacity,0);transition:opacity 4s;pointer-events:none}.logo-stars{position:absolute;inset:0;z-index:3;opacity:var(--night-opacity,0);transition:opacity 4s;pointer-events:none;background-image:radial-gradient(circle at 27% 14%,#fffce7 0 1px,transparent 2px),radial-gradient(circle at 72% 21%,#e1f3ff 0 1px,transparent 2px),radial-gradient(circle at 61% 9%,#fffce7 0 1px,transparent 2px),radial-gradient(circle at 38% 8%,#e1f3ff 0 .6px,transparent 1.5px)}.live-sky-label #moon-status{font-size:9px;letter-spacing:.3px}.live-sky-label #moon-status:empty{display:none}.motion-paused .moon-position{transition:none!important}@media(prefers-reduced-motion:reduce){.moon-position,.logo-night-wash,.logo-stars{transition:none!important}}