/* DODOER colored-pencil scenes. Shared by home, both tests and component previews. */
:root{--scene-paper:#faf9f6;--scene-blue:#dcecf4;--scene-pink:#f7dedb;--scene-sage:#dfebd7;--scene-ease:cubic-bezier(.22,1,.36,1)}
.welcome-art{margin-left:0}
.welcome .hero-scene{max-height:440px;object-fit:contain;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 91%,transparent);mask-composite:intersect;animation:scene-breathe 8s ease-in-out infinite}
.welcome{grid-template-columns:.85fr 1.4fr;gap:12px}
.card-art.scene-art{height:auto;aspect-ratio:3/2;background:var(--scene-paper);align-items:center}
.card-art.scene-art>img{display:block;position:static;width:100%;height:100%;max-width:none;padding:0;border:0;border-radius:0;box-shadow:none;object-fit:cover;mix-blend-mode:normal;transform:none;transition:transform .7s var(--scene-ease)}
.test-card:hover .scene-art>img{transform:scale(1.035) rotate(-.4deg)}
.scene-art .card-label{background:#fffdf2ef;color:#394438;box-shadow:0 2px 10px #292e2b06;backdrop-filter:blur(4px)}
.talent-card .tags span{background:#edf3f7}
.cp-card .tags span{background:#fcf0ed}
.test-card{box-shadow:0 4px 20px #353b3008}
.card-body{padding:25px 26px 24px}
.home-footer{position:relative}
.footer-brand{transition:color .2s}
.footer-brand:hover{color:#6c8157}
.story-hero,.journal .hero.story-hero{display:grid;grid-template-columns:1fr 1.18fr;align-items:center;gap:32px;padding:32px 0 38px}
.story-hero>div:first-child{min-width:0}
.story-hero h1,.journal .story-hero h1{font-size:clamp(34px,4vw,48px);line-height:1.45;letter-spacing:-1.2px}
.test-scene{position:relative;min-width:0;width:100%;aspect-ratio:3/2;margin:0;align-self:center;isolation:isolate}
.test-scene img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);animation:scene-breathe 8s ease-in-out infinite}
.test-scene:hover img{animation-play-state:paused}
.story-hero .chips{gap:8px}
.story-hero .chips span{background:#eeeee4;color:#58604f;font-size:11px}
.home-grid>.paper.intro{background:#e8eedf}
.home-grid>.paper.access{background:#fbefcf}
.journal .access-card{background:#edf2f4}
.journal .story-hero .intro-metrics{gap:12px;flex-wrap:wrap}
.journal .story-hero .metric{padding:12px 14px;margin:0;background:#eaf0f4}
.journal .story-hero .metric strong{font-size:19px}
.journal .story-hero .metric span{font-size:11px}
.story-hero .highlight{background:transparent;text-decoration:underline;text-decoration-color:#ffda68;text-decoration-thickness:7px;text-underline-offset:5px}
.story-hero .highlight:after{display:none}
.dashboard-head h1,.report-heading h1{line-height:1.5}
.profile,.invitation-card,.journal .access-card{position:relative;overflow:hidden}
.invitation-card:after,.journal .access-card:after{content:"";position:absolute;right:18px;top:16px;width:34px;height:34px;background:url('/home-art/doodles-v1.webp') 0 100% / 200% 200% no-repeat;pointer-events:none;opacity:.65}
.journal .access-card:after{display:block}
.question,.journal .question-card{animation:page-arrive .24s var(--scene-ease) both}
.question .option:active:not(:disabled),.journal .option:active:not(:disabled){transform:scale(.99)}
.pair-moment{background:#f5ebd5}
.comic-score{background:#fae6ba}
.pair-more{background:#f0eee7}
.pair-more summary{transition:color .2s}
.pair-more summary:hover{color:#647949}
.pair-interests{background:#e5eddd}
.dimension{background:var(--scene-blue)}
@keyframes scene-breathe{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(.25deg)}}
@keyframes page-arrive{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.story-hero,.journal .hero.story-hero{gap:20px}.card-body{padding:22px}.welcome .hero-scene{max-height:none}}
@media(max-width:700px){.journal .home,.journal .quiz-shell,.journal .result{width:100%}.story-hero,.journal .hero.story-hero{grid-template-columns:1fr;gap:12px;padding:24px 0 28px}.story-hero h1,.journal .story-hero h1{font-size:36px}.test-scene{max-width:520px;justify-self:center}.story-hero .lead{margin-top:16px}.journal .story-hero .intro-metrics{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:8px;margin-top:24px}.journal .story-hero .metric{min-width:0;padding:11px 8px;text-align:center}.journal .story-hero .metric strong{font-size:16px;white-space:nowrap}}
@media(max-width:560px){.welcome{gap:0}.welcome-art{margin:4px -8px 0;padding:0;min-height:0;pointer-events:auto}.welcome .hero-scene{width:100%;max-height:none}.test-section{padding-top:20px}.card-body{padding:22px}.story-hero .chips{margin-bottom:4px}.test-scene{margin-top:2px}.home-footer{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.welcome .hero-scene,.test-scene img,.question,.journal .question-card{animation:none}.test-card:hover .scene-art>img{transform:none}.scene-art>img,.pair-more summary{transition:none}}
@media print{.test-scene{display:none}.story-hero,.journal .hero.story-hero{display:block}}