.dc-ph{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 78% 0%,var(--tod-sky-1) 0%,var(--tod-sky-2) 46%,var(--tod-sky-3) 100%);color:var(--tod-text);margin-top:-68px;padding:calc(68px + clamp(56px,9vw,128px)) max(20px,5vw) clamp(96px,12vw,168px);font-family:Inter,Inter Fallback,system-ui,-apple-system,Segoe UI,sans-serif}.dc-ph-sky{position:absolute;inset:0;pointer-events:none}.dc-ph-glow{position:absolute;right:-10%;top:-20%;width:70vmax;height:70vmax;border-radius:50%;background:radial-gradient(closest-side,#635bff61,#635bff00);animation:dcPhDrift 16s cubic-bezier(.65,0,.35,1) infinite alternate}.dc-ph-glow-2{right:auto;left:-25%;top:40%;width:55vmax;height:55vmax;background:radial-gradient(closest-side,#8d86ff29,#8d86ff00);animation-duration:22s}.dc-ph-grid{position:absolute;inset:0;background-image:none;background-size:56px 56px;mask-image:radial-gradient(80% 70% at 70% 30%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(80% 70% at 70% 30%,#000 30%,transparent 80%)}.dc-ph-win{position:absolute;border-radius:2px;background:#635bff;opacity:0;box-shadow:0 0 10px #635bff8c;animation:dcPhWin 10s ease-in-out infinite}@media(max-width:1023px){.dc-ph-win:not(.dc-ph-win-edge){display:none}.dc-ph-win{max-height:10px;max-width:8px;translate:10px 0}}.dc-ph-win-warm{background:#f6ead3;box-shadow:0 0 10px #f6ead373}.dc-ph-inner{position:relative;z-index:1;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,6vw,80px);align-items:center}@media(min-width:1024px){.dc-ph-inner:has(.dc-ph-visual){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.dc-ph-title{margin:20px 0 0;font-size:clamp(44px,6.4vw,96px);line-height:.98;letter-spacing:-.045em;font-weight:700;color:#fff;text-wrap:balance;animation:dcPhRise 1s cubic-bezier(.65,0,.35,1) .08s both}.dc-ph-rot{display:block;height:1.08em;overflow:hidden;clip-path:inset(0)}.dc-ph-rot-track{display:flex;flex-direction:column;transition:transform .8s cubic-bezier(.65,0,.35,1)}.dc-ph-rot-word{display:block;height:1.08em;color:var(--dc-lit);text-shadow:var(--dc-lit-halo)}.dc-ph-lead{margin:24px 0 0;max-width:34em;font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:#f3f4f6b8;animation:dcPhRise 1s cubic-bezier(.65,0,.35,1) .16s both}.dc-ph-cepte{margin-top:14px;font-size:17px;font-weight:600;color:#8d86ff;animation:dcPhRise 1s cubic-bezier(.65,0,.35,1) .22s both}.dc-ph-actions{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px;animation:dcPhRise 1s cubic-bezier(.65,0,.35,1) .28s both}.dc-ph-meta{margin-top:28px;animation:dcPhRise 1s cubic-bezier(.65,0,.35,1) .34s both}.dc-ph-visual{display:flex;justify-content:center;animation:dcPhRise 1.2s cubic-bezier(.65,0,.35,1) .2s both}.dc-ph-fade{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,rgba(245,244,255,0),var(--pg-tint, #f5f4ff));pointer-events:none}.dc-ph-eyebrow{animation:dcPhRise .9s cubic-bezier(.65,0,.35,1) both}@keyframes dcPhRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes dcPhDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-6%,8%,0) scale(1.08)}}@keyframes dcPhWin{0%,to{opacity:0}30%,70%{opacity:.7}}@media(prefers-reduced-motion:reduce){.dc-ph *,.dc-ph{animation:none!important;transition:none!important}.dc-ph-win{opacity:.5}}.dc-ph-404{min-height:calc(100svh + 68px)}.dc-ph-404 .dc-ph-fade{display:none}html[data-tod]:not([data-tod=night]) .dc-ph-lead{color:var(--tod-text-2)}html[data-tod=day] .dc-ph-cepte,html[data-tod=dawn] .dc-ph-cepte,html[data-tod=dusk] .dc-ph-cepte{color:var(--tod-accent)}html[data-tod=day] .dc-ph-win:not(:nth-of-type(6n)),html[data-tod=dawn] .dc-ph-win:nth-of-type(2n){display:none}html[data-tod=day] .dc-ph-glow{background:radial-gradient(closest-side,#ffecbe52,#ffecbe00);opacity:.45}@media(max-width:1023px){html[data-tod=day] .dc-ph-glow:not(.dc-ph-glow-2){display:none}}html[data-tod=day] .dc-ph-glow-2{background:radial-gradient(closest-side,#aad2ff4d,#aad2ff00)}html[data-tod=dawn] .dc-ph-glow,html[data-tod=dusk] .dc-ph-glow{background:radial-gradient(closest-side,var(--tod-glow),transparent)}
