.ck-scene{position:relative;width:min(100%,340px);flex-shrink:0;isolation:isolate;line-height:1;color:#093f7c;contain:layout style}
.ck-scene>svg{display:block;width:100%;height:auto;aspect-ratio:500/270;overflow:hidden;pointer-events:none}
.ck-scene [data-part],.ck-scene [data-actor]{transform-box:fill-box;transform-origin:center}
.ck-scene .ck-bird{transform-origin:45% 100%}
.ck-scene .ck-head{transform-origin:40% 85%}
.ck-scene .ck-wing{transform-origin:76% 25%}
.ck-scene .ck-leg{transform-origin:65% 8%}
.ck-scene .ck-eye{transform-origin:center}
.ck-scene [data-part=beak]{transform-origin:left top}
.ck-scene .ck-tail{transform-origin:80% 90%}
.ck-crow,.ck-drop,.ck-ripples{opacity:0}
.ck-blue-hen>.ck-body-base{fill:#1265ad}
.ck-blue-hen>path:not(.ck-body-base){filter:hue-rotate(155deg)}
.ck-blue-hen>.ck-wing{filter:hue-rotate(155deg)}
.ck-scene-replay{position:absolute;inset:0;width:100%;height:100%;min-width:44px;min-height:44px;padding:0;border:0;border-radius:10px;color:#093f7c;background:transparent;cursor:pointer;touch-action:manipulation;transition:transform 140ms cubic-bezier(.22,1,.36,1)}
.ck-scene-replay svg{position:absolute;right:-2px;bottom:0;width:19px;height:19px;padding:2px;background:var(--page,#fcf8f1);border-radius:50%}
.ck-scene-replay:active,.ck-treat-button:active{transform:scale(.97)}
.ck-scene-replay:focus-visible,.ck-treat-button:focus-visible{outline:3px solid #093f7c;outline-offset:3px}
.ck-scene-replay[aria-disabled=true]{opacity:.6;cursor:default}
.ck-scene-note{display:block;font-family:inherit;font-weight:600;font-size:10px;line-height:1.3;text-align:center;color:#715c39;margin:0 0 2px;white-space:normal}
.ck-scene--welcome>.ck-rooster-visual{display:block;width:100%;height:auto;pointer-events:none;user-select:none}
.home-page .hero-art>.ck-scene--welcome{position:absolute;z-index:2;left:-12px;bottom:-17px;width:116px;background:transparent;padding:0}
.ck-scene--welcome .ck-scene-replay svg{width:16px;height:16px;right:-2px;bottom:0}
.guides-hero-art>.ck-scene--scratch{width:128px;margin-left:auto}
.guides-page .guides-hero{grid-template-columns:minmax(0,1fr) 128px}
body[data-site-cohesion] .guides-hero-art>.ck-scene--scratch{height:80px}
.guides-hero-art>.ck-scene--scratch>svg{height:80px;aspect-ratio:auto}
.toolkit-page #panel-seasonal .brand-tool-heading{grid-template-columns:140px minmax(0,1fr)}
.brand-tool-heading>.ck-scene--splash{width:140px;align-self:center;grid-row:1;grid-column:1}
.tf-receipt-heading>.ck-scene--receipt{width:150px;max-width:44%;align-self:center}
.results-mascot>.ck-scene--hatch{width:160px}
.ck-footer-brand>.ck-footer-treat{width:min(100%,280px);margin-top:12px}
.ck-footer-treat>svg{height:104px;aspect-ratio:auto}
.ck-treat-controls{display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center}
.ck-treat-button{min-height:44px;padding:10px 15px;border:1px solid #d9bd72;border-radius:99px;background:#f8c53b;color:#093f7c;font-family:inherit;font-weight:750;font-size:13px;line-height:1.3;cursor:pointer;touch-action:manipulation;box-shadow:0 3px 0 #c99a24;transition:transform 140ms cubic-bezier(.22,1,.36,1),background-color 140ms}
.ck-treat-status{min-height:30px;font-size:11px;line-height:1.35;color:#536379}
@media(hover:hover) and (pointer:fine){.ck-scene-replay:hover svg{background:#f8c53b}.ck-treat-button:hover{background:#ffcf47}}
@media(max-width:600px){
 .home-page .hero-art>.ck-scene--welcome{width:88px;left:-2px;bottom:-14px;padding:0}
 body[data-site-cohesion].guides-page .guides-hero{display:grid;grid-template-columns:minmax(0,1fr) 106px;gap:0 10px;align-items:center;padding-top:12px}
 .guides-page .guides-hero>div:first-child{display:contents}
 .guides-page .guides-hero .eyebrow{grid-column:1;grid-row:1;padding-right:0;margin:0}
 .guides-page .guides-hero-art{position:static;grid-column:2;grid-row:1;padding:0}
 body[data-site-cohesion].guides-page .guides-hero h1{grid-column:1/-1;grid-row:2;margin-top:5px}
 .guides-page .guides-intro{grid-column:1/-1;grid-row:3}
 body[data-site-cohesion].guides-page .guides-hero-art>.ck-scene--scratch{width:106px;height:54px}
 .guides-hero-art>.ck-scene--scratch>svg{height:54px}
 .toolkit-page #panel-seasonal .brand-tool-heading{grid-template-columns:minmax(0,1fr) 106px;gap:0 10px}
 .toolkit-page #panel-seasonal .brand-tool-heading>.ck-scene--splash{width:106px;max-width:none;grid-column:2;grid-row:1;order:0}
 .toolkit-page #panel-seasonal .brand-tool-copy>.tk-kicker{grid-column:1;grid-row:1;align-self:center}
 .toolkit-page #panel-seasonal .brand-tool-copy>h2{grid-column:1/-1;grid-row:2}
 .toolkit-page #panel-seasonal .brand-tool-copy>p:last-child{grid-column:1/-1;grid-row:3}
 .tf-receipt-heading>.ck-scene--receipt{width:124px;max-width:42%}
 .results-mascot>.ck-scene--hatch{width:140px}
 .match-results .result-heading{display:grid;grid-template-columns:minmax(0,1fr) 106px;gap:0 8px;align-items:center}
 .match-results .result-heading>div:first-child{display:contents}
 .match-results .result-heading .eyebrow{grid-column:1;grid-row:1;margin:0}
 .match-results .result-heading h1{grid-column:1/-1;grid-row:2}
 .match-results .result-heading #results-description{grid-column:1/-1;grid-row:3}
 .match-results .result-heading .results-mascot{display:block;grid-column:2;grid-row:1}
 .match-results .results-mascot>span{display:none}
 .match-results .results-mascot>.ck-scene--hatch{width:106px}
 .ck-footer-brand>.ck-footer-treat{width:260px;max-width:100%}
}
@media(prefers-reduced-motion:reduce){.ck-scene *,.ck-treat-button{animation:none!important;transition:none!important}.ck-scene-replay{display:none}}
html[data-motion=reduced] .ck-scene *,html[data-motion=reduced] .ck-treat-button{animation:none!important;transition:none!important}
html[data-motion=reduced] .ck-scene-replay{display:none}
@media print{.ck-scene{display:none!important}}

/* Lifelike, logo-inspired Higgsfield footer flock. */
.ck-footer-brand>.ck-footer-treat--real{width:min(100%,340px);margin-top:14px}
.ck-treat-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;isolation:isolate;background:#fff}
.ck-footer .ck-footer-brand .ck-treat-poster,.ck-treat-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.ck-treat-video{opacity:0}
.ck-footer-treat--real[data-phase=playing] .ck-treat-video{opacity:1}
.ck-footer-treat--real .ck-treat-controls{gap:10px;padding-top:1px}
.ck-footer-treat--real .ck-treat-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;position:relative;min-height:46px;padding:10px 19px;border:1px solid #c88e16;border-radius:999px;background:linear-gradient(180deg,#ffe8a3 0%,#ffd25a 36%,#f8c53b 100%);color:#093f7c;box-shadow:0 4px 0 #b67e14,0 7px 12px #713e1017,inset 0 1px 0 #fff6d4;font:750 13px/1.35 "Segoe UI",Arial,sans-serif;transition:transform 150ms cubic-bezier(.22,1,.36,1),box-shadow 150ms,filter 150ms}
.ck-footer-treat--real .ck-treat-button:active{transform:translateY(3px);box-shadow:0 1px 0 #b67e14,0 2px 5px #713e1017,inset 0 1px 0 #fff6d4}
.ck-treat-kernels{width:19px;height:19px;flex:none;fill:#bb7914;stroke:#915b13;stroke-width:.6}
.ck-footer-treat--real .ck-treat-status{display:block;min-height:32px;max-width:32ch;font-size:11px;line-height:1.45;color:#536379}
.ck-footer-treat--real[data-phase=loading] .ck-treat-kernels{animation:ck-treat-wait 650ms ease-in-out 3}
.ck-footer-treat--real[data-queued=true] .ck-treat-button{border-color:#18806f}
@keyframes ck-treat-wait{50%{transform:translateY(-2px) rotate(-9deg)}}
@media(hover:hover) and (pointer:fine){.ck-footer-treat--real .ck-treat-button:hover{filter:brightness(1.035);transform:translateY(-1px);box-shadow:0 5px 0 #b67e14,0 8px 14px #713e1024,inset 0 1px 0 #fff6d4}.ck-footer-treat--real .ck-treat-button:active{transform:translateY(3px);box-shadow:0 1px 0 #b67e14,0 2px 5px #713e1017,inset 0 1px 0 #fff6d4}}
@media(max-width:600px){.ck-footer-brand>.ck-footer-treat--real{width:min(100%,320px)}}
@media(prefers-reduced-motion:reduce){.ck-footer-treat--real .ck-treat-button,.ck-footer-treat--real .ck-treat-kernels{animation:none!important;transition:none!important;transform:none!important}.ck-footer-treat--real .ck-treat-video{display:none}}
html[data-motion=reduced] .ck-footer-treat--real .ck-treat-video{display:none}
html[data-motion=reduced] .ck-footer-treat--real .ck-treat-kernels{animation:none!important}

/* Mobile rooster beside the unchanged homepage headline. */
.home-page .home-hero-title-row{display:contents}
@media(max-width:600px){
 .home-page .home-hero-title-row{display:grid;grid-template-columns:minmax(0,1fr) clamp(44px,calc(75vw - 230px),76px);gap:4px;align-items:center;margin-inline-end:-14px}
 .home-page .home-hero-title-row>h1{min-width:0}
 .home-page .home-hero-title-row>.ck-scene--welcome{position:relative;inset:auto;left:-8px;width:100%;padding:0;background:transparent;align-self:center}
 .home-page .home-hero-title-row .ck-scene-replay svg{right:0}
}
@media(max-width:359px){
 .home-page .home-hero-title-row{grid-template-columns:minmax(0,1fr) 70px}
}

/* Compact, transparent Higgsfield characters; the footer and menu retain their own styling. */
.ck-scene>.ck-scene-visual{display:block;width:100%;height:auto;pointer-events:none;user-select:none;object-fit:contain}
.ck-scene[hidden]{display:none!important}
.guides-hero-art>.ck-scene--scratch>.ck-scene-visual{height:80px}
.brand-tool-heading>.ck-scene--splash>.ck-scene-visual{height:92px}
.tf-receipt-heading>.ck-scene--receipt>.ck-scene-visual{height:96px}
.results-mascot>.ck-scene--hatch>.ck-scene-visual{height:140px}
.tk-care-card .tk-card-heading>.ck-care-hen{width:68px;height:60px;margin:0;flex:none}
.tk-care-card .tk-card-heading>.ck-care-hen>.ck-scene-visual{height:60px}
.ck-scene.ck-chick-sigil>.ck-scene-visual{width:100%;height:100%;object-fit:contain}
.ck-scene:not(.ck-scene--welcome)>.ck-scene-replay svg{width:16px;height:16px;right:0;bottom:0}
@media(max-width:600px){
 .guides-hero-art>.ck-scene--scratch>.ck-scene-visual{height:54px}
 .brand-tool-heading>.ck-scene--splash>.ck-scene-visual{height:74px}
 .tf-receipt-heading>.ck-scene--receipt>.ck-scene-visual{height:80px}
 .results-mascot>.ck-scene--hatch>.ck-scene-visual{height:94px}
 .tk-care-card .tk-card-heading>.ck-care-hen{width:60px;height:56px}
 .tk-care-card .tk-card-heading>.ck-care-hen>.ck-scene-visual{height:56px}
}

