
/* Gilded worlds: metal star, playful human help and distinct project identities. */
#top .signature-star-motion{transform-box:view-box;transform-origin:84% 82%;animation:gilded-star-turn 16s cubic-bezier(.3,.6,.3,1) infinite;animation-delay:-5s;filter:drop-shadow(0 1px 1px #593a1480)}
#top .star-sheen{animation:gilded-star-sheen 8s ease-in-out infinite;animation-delay:-1s;opacity:0}
.composed-footer .signature-star-motion,.composed-footer .star-sheen{animation:none}
.composed-footer .star-sheen{opacity:0}
#services.composed-gallery .guru-panel .project-art{background:radial-gradient(ellipse at 48% 29%,#7b5e4666,transparent 60%),linear-gradient(140deg,#352632,#152530 90%)}
#services.composed-gallery .guru-panel .project-art>.guru-desk-background{opacity:.13;filter:blur(1px) saturate(.5);object-position:center}
#services.composed-gallery .guru-panel .project-art>.guru-character{position:absolute;left:5%;top:0;width:90%;height:auto;object-fit:contain;z-index:1;filter:drop-shadow(0 10px 9px #080c1438);transform-origin:50% 80%;animation:gilded-guru-float 8s ease-in-out infinite}
#services.composed-gallery .guru-panel .project-art::after{z-index:2;inset:45% 0 0;background:linear-gradient(transparent,#142530e8 68%,#142530)}
#services.composed-gallery .guru-panel .project-caption p{max-width:285px;line-height:1.65}
#evidence.composed-worlds .section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(225px,.8fr) auto;gap:24px;align-items:center}
#evidence.composed-worlds .section-heading h2{font-size:48px}
#evidence.composed-worlds .section-heading h2 em{font-size:54px}
#evidence .world-identity{position:relative;min-width:0;height:201px;align-self:center}
#evidence .identity-scene{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
#evidence[data-world-scene="outbreak"] .identity-outbreak,#evidence[data-world-scene="noir"] .identity-noir{opacity:1;visibility:visible}
#evidence .identity-outbreak img{width:100%;height:auto;max-width:320px;filter:drop-shadow(0 4px 9px #09070a99);animation:gilded-outbreak-brand 10s ease-in-out infinite}
#evidence .identity-scene figcaption{text-align:center;color:#f1e1bf;font-size:12px;line-height:1.65;letter-spacing:.025em;margin-top:16px;text-shadow:0 2px 9px #02090fff}
#evidence .identity-outbreak figcaption span{display:block;color:#e0bd8a}
#evidence .identity-noir img{width:170px;height:183px;object-fit:contain;opacity:.87;filter:drop-shadow(0 4px 14px #08030780);transform-origin:50% 92%;animation:gilded-stage-waltz 11s ease-in-out infinite}
#evidence .identity-noir figcaption{margin-top:5px;font:italic 15px/1.4 Georgia,serif;color:#ead1aa}
#evidence.composed-worlds .evidence-window{padding-top:48px}
#evidence.composed-worlds .evidence-foot{padding:0;margin-top:18px;border:0;border-radius:0;background:none;box-shadow:none;display:flex;justify-content:space-between;align-items:center;gap:18px}
#evidence.composed-worlds .evidence-foot p{flex:0 1 auto;width:auto;max-width:none;margin:0;padding:0;font-size:12px;line-height:1.5;color:#e8d7b9}
#evidence.composed-worlds .motion-control{flex:0 0 auto;min-height:44px;margin-left:auto}
#evidence[data-world-scene="noir"] .identity-outbreak .ambient-motion,#evidence[data-world-scene="outbreak"] .identity-noir .ambient-motion{animation-play-state:paused!important}
#idea.composed-contact .composer::before{display:none}
#idea .patrick-flight{right:-400px;top:145px;width:330px;height:180px}
#idea .patrick-flight .sky-patrick{width:330px}
@keyframes gilded-star-turn{0%,73%{transform:rotate(0) scale(1)}77%{transform:rotate(-16deg) scale(1.08)}88%{transform:rotate(360deg) scale(1.05)}94%,100%{transform:rotate(360deg) scale(1)}}
@keyframes gilded-star-sheen{0%,45%{transform:translateX(0);opacity:0}49%{opacity:.9}65%{transform:translateX(175px);opacity:.9}70%,100%{transform:translateX(175px);opacity:0}}
@keyframes gilded-guru-float{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-5px) rotate(.5deg)}}
@keyframes gilded-outbreak-brand{0%,100%{transform:translateY(0) rotate(-2deg);filter:drop-shadow(0 4px 9px #09070a99)}45%{transform:translateY(-4px) rotate(-1deg);filter:drop-shadow(0 0 12px #bc4c2966)}60%{transform:translateY(-3px) rotate(-1.2deg);filter:drop-shadow(0 0 5px #bc4c292b)}}
@keyframes gilded-stage-waltz{0%,100%{transform:translateX(-7px) rotate(-2deg)}50%{transform:translateX(7px) rotate(2deg)}}
body:not(.hearth-in-view) #top :is(.signature-star-motion,.star-sheen),.fire-paused :is(.signature-star-motion,.star-sheen),.page-hidden :is(.signature-star-motion,.star-sheen){animation-play-state:paused!important}
@media(min-width:701px) and (max-width:1100px){
#evidence.composed-worlds .section-heading{grid-template-columns:minmax(0,1fr) minmax(165px,.65fr);gap:17px 24px}
#evidence.composed-worlds .evidence-controls{grid-column:1/-1;justify-self:end}
#evidence .world-identity{height:182px}
#evidence .identity-noir img{height:160px;width:148px}
#evidence.composed-worlds .evidence-window{padding-top:46px}
#services.composed-gallery .guru-panel .project-art>.guru-character{width:108%;left:-4%;top:0}
}
@media(max-width:700px){
#evidence.composed-worlds .section-heading{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:22px 14px;align-items:center}
#evidence.composed-worlds .section-heading h2{font-size:36px;line-height:1.05}
#evidence.composed-worlds .section-heading h2 em{font-size:43px}
#evidence.composed-worlds .section-heading .eyebrow{font-size:8px;line-height:1.6}
#evidence .world-identity{height:157px}
#evidence .identity-outbreak img{width:122%;max-width:none}
#evidence .identity-scene figcaption{font-size:10px;line-height:1.55;margin-top:10px;letter-spacing:0}
#evidence .identity-noir img{width:110px;height:132px}
#evidence .identity-noir figcaption{font-size:12px;margin-top:4px}
#evidence.composed-worlds .evidence-controls{grid-column:1/-1;justify-self:stretch;align-self:auto}
#evidence.composed-worlds .evidence-window{padding-top:58px}
#evidence.composed-worlds .evidence-foot{flex-wrap:nowrap;gap:14px;padding:0}
#evidence.composed-worlds .evidence-foot p{font-size:11px;white-space:nowrap}
#evidence.composed-worlds .motion-control{font-size:11px;padding-inline:13px}
#services.composed-gallery .guru-panel .project-art>.guru-character{width:84%;left:8%;top:-12%}
#idea .patrick-flight{right:-200px;top:86px;width:180px;height:110px}
#idea .patrick-flight .sky-patrick{width:180px}
}
@media(max-width:380px){
#evidence.composed-worlds .section-heading{grid-template-columns:minmax(0,1fr) 100px;gap:18px 12px}
#evidence.composed-worlds .section-heading h2{font-size:30px}
#evidence.composed-worlds .section-heading h2 em{font-size:37px}
#evidence .identity-noir img{width:98px;height:126px}
#evidence .identity-scene figcaption{font-size:9px}
#services.composed-gallery .guru-panel .project-art>.guru-character{width:91%;left:4.5%;top:-8%}
#evidence.composed-worlds .motion-control{font-size:10px;padding-inline:11px}
}
@media(prefers-reduced-motion:reduce){
#top :is(.signature-star-motion,.star-sheen),#evidence .identity-scene .ambient-motion,#services .guru-character{animation:none!important;transform:none!important}
#top .star-sheen{display:none}
#evidence .identity-scene{transition:none}
}
@media print{#evidence .world-identity{display:none}#evidence.composed-worlds .section-heading{display:block}}

/* Keep the full turban visible within the phone service card. */
@media(max-width:700px){#services.composed-gallery .guru-panel .project-art>.guru-character{width:80%;left:10%;top:0}}
@media(max-width:380px){#services.composed-gallery .guru-panel .project-art>.guru-character{width:86%;left:7%;top:0}}

/* Let the full carrying pose emerge beside the paper as the scene is entered. */
@media(min-width:701px){#idea .patrick-flight{animation-delay:-16s}}
@media(max-width:700px){#idea .patrick-flight{animation-delay:-7.5s}}
