/* Three independent art directions, all paired with the approved sharp HD scene. */
.concept-1 { background:#fffdf3; color:#254936; }
.concept-1 .fh-slide { background:#fffdf3; }
.concept-1 .fh-kicker { color:#53754a; font-size:12px; font-weight:800; letter-spacing:.08em; }
.concept-1 .fh-kicker::before { content:""; display:inline-block; width:8px; height:8px; margin-right:9px; border-radius:50%; background:#e9b918; box-shadow:0 0 0 5px #fff2b7; vertical-align:1px; }
.concept-1 .fh-title { letter-spacing:-.055em; font-size:clamp(31px,3.5vw,49px); line-height:1.52; font-weight:900; }
.concept-1 .fh-title>span { color:#26673a; position:relative; z-index:0; }
.concept-1 .fh-title>span::after { content:""; position:absolute; height:11px; left:0; right:-4px; bottom:3px; border-radius:7px; background:#ffe775; z-index:-1; transform:rotate(-1deg); }
.concept-1 .fh-lead { font-size:15px; line-height:1.8; font-weight:850; }
.concept-1 .fh-body { font-size:13px; line-height:2.05; color:#60725a; }
.concept-1 .fh-primary { background:#24663c; color:#fff; box-shadow:0 5px 0 #d5e1b9; border-radius:13px; }
.concept-1 .fh-secondary { border-radius:13px; border-color:#ced8bd; background:#fffef8; color:#254936; }
.concept-1 .fh-point { color:#728368; font-size:11px; }
.concept-1 .fh-art { background:#ffdc3f; border-radius:68px 25px 25px 25px; box-shadow:0 12px 0 -6px #fff0af; }
.concept-1 .fh-art::before { content:""; width:200px; height:200px; position:absolute; right:-80px; top:-90px; border:35px solid #ffe985; border-radius:50%; pointer-events:none; }
.concept-1 .fh-copy-accent { position:absolute; right:15px; top:16px; color:#d6ab18; display:flex; gap:18px; font-size:17px; }
.concept-1 .fh-copy-accent>span+span { margin-top:28px; color:#9da77b; font-size:12px; }
.concept-1 .fh-controls { background:#fffdf3; }
.concept-1 .fh-slide.is-active .fh-kicker,
.concept-1 .fh-slide.is-active .fh-title,
.concept-1 .fh-slide.is-active .fh-lead,
.concept-1 .fh-slide.is-active .fh-body,
.concept-1 .fh-slide.is-active .fh-actions,
.concept-1 .fh-slide.is-active .fh-point { animation:fha-soft-up .7s both; }
.concept-1 .fh-slide.is-active .fh-title { animation-delay:.08s; }
.concept-1 .fh-slide.is-active .fh-lead { animation-delay:.16s; }
.concept-1 .fh-slide.is-active .fh-body { animation-delay:.22s; }
.concept-1 .fh-slide.is-active .fh-actions { animation-delay:.29s; }
.concept-1 .fh-slide.is-active .fh-point { animation-delay:.34s; }

.concept-2 { background:#ffdc35; color:#234733; }
.concept-2 .fh-slide { background:#ffdc35; position:relative; isolation:isolate; }
.concept-2 .fh-slide::before { content:""; position:absolute; width:230px; height:230px; left:-155px; bottom:-145px; border:32px solid #ffe875; border-radius:50%; z-index:-1; pointer-events:none; }
.concept-2 .fh-kicker { display:inline-flex; align-self:flex-start; background:#fffdf2; border:1.5px solid #254936; box-shadow:3px 3px 0 #dfb516; border-radius:8px 8px 8px 0; padding:8px 13px; font-size:11px; font-weight:850; transform:rotate(-1.2deg); }
.concept-2 .fh-title { font-size:clamp(30px,3.35vw,48px); font-weight:900; line-height:1.6; letter-spacing:-.065em; }
.concept-2 .fh-title>span { background:#fffdf2; box-decoration-break:clone; -webkit-box-decoration-break:clone; padding:1px 9px 6px 5px; box-shadow:4px 5px 0 #e2b91d; border-radius:5px; }
.concept-2 .fh-lead { font-size:15px; font-weight:900; line-height:1.85; }
.concept-2 .fh-body { color:#4e6233; line-height:2; font-size:13px; font-weight:550; }
.concept-2 .fh-primary { color:#fff; background:#254936; border-radius:999px; border:2px solid #254936; box-shadow:4px 4px 0 #e1b51d; }
.concept-2 .fh-secondary { background:#fffbe7; color:#254936; border:2px solid #254936; border-radius:999px; box-shadow:4px 4px 0 #e1b51d; }
.concept-2 .fh-point { font-weight:750; color:#68733a; font-size:11px; }
.concept-2 .fh-art { background:#fff6c4; border:3px solid #254936; box-shadow:8px 8px 0 #e8b820; border-radius:38px; }
.concept-2 .fh-art::before { content:""; position:absolute; width:180px; height:180px; right:-80px; bottom:-100px; border:26px solid #ffe58a; border-radius:50%; pointer-events:none; }
.concept-2 .av1-phone { box-shadow:5px 5px 0 #f3d85e; }
.concept-2 .av1-result { background:#fff; box-shadow:4px 4px 0 #f3d85e; }
.concept-2 .fh-copy-accent { display:flex; align-items:center; gap:16px; position:absolute; top:5px; right:8px; font-size:32px; color:#fffef3; }
.concept-2 .fh-copy-accent>span+span { margin-top:47px; font-size:19px; color:#497c3d; }
.concept-2 .fh-controls { background:#ffdc35; }
.concept-2 .fh-slide.is-active .fh-kicker { animation:fha-sticker-in .65s both; }
.concept-2 .fh-slide.is-active .fh-title { animation:fha-pop-in .65s .07s both; }
.concept-2 .fh-slide.is-active .fh-lead { animation:fha-soft-up .55s .16s both; }
.concept-2 .fh-slide.is-active .fh-body { animation:fha-soft-up .55s .23s both; }
.concept-2 .fh-slide.is-active .fh-actions { animation:fha-pop-in .65s .3s both; }
.concept-2 .fh-slide.is-active .fh-point { animation:fha-soft-up .55s .36s both; }
.concept-2 .fh-slide.is-active .fh-copy-accent>span { animation:fha-jolly-star 3s ease-in-out infinite; }
.concept-2 .fh-slide.is-active .fh-copy-accent>span+span { animation-delay:1.5s; }

.concept-3 { background:#fff; color:#294333; }
.concept-3 .fh-slide { background:#fff; }
.concept-3 .fh-copy { padding-left:23px; border-left:3px solid #ffda35; }
.concept-3 .fh-kicker { font-size:11px; letter-spacing:.11em; color:#63745d; font-weight:750; }
.concept-3 .fh-title { font-size:clamp(31px,3.6vw,50px); line-height:1.5; letter-spacing:-.055em; font-weight:850; }
.concept-3 .fh-title>span { background:linear-gradient(transparent 76%,#ffdf45 76%,#ffdf45 93%,transparent 93%); padding-bottom:5px; }
.concept-3 .fh-lead { font-size:15px; font-weight:750; line-height:1.8; }
.concept-3 .fh-body { font-size:12px; line-height:2.2; color:#73806c; }
.concept-3 .fh-primary { background:#ffda35; border:1px solid #ffda35; color:#294333; border-radius:5px; box-shadow:none; font-weight:850; }
.concept-3 .fh-secondary { background:#fff; border:1px solid #b5c0aa; color:#294333; border-radius:5px; }
.concept-3 .fh-point { color:#7a8772; font-size:10px; letter-spacing:.02em; }
.concept-3 .fh-art { border-radius:16px; background:#fff9da; border:1px solid #e1e6d6; box-shadow:10px 10px 0 -1px #fff,10px 10px 0 #e3e8da; }
.concept-3 .fh-art::before { content:""; position:absolute; top:0; left:0; width:100%; height:8px; background:#ffda35; pointer-events:none; }
.concept-3 .av1-phone { box-shadow:4px 4px 0 #ede6b5; }
.concept-3 .av1-result { box-shadow:3px 3px 0 #ede6b5; border-width:1.5px; }
.concept-3 .fh-copy-accent { position:absolute; right:8px; top:13px; color:#e5c12d; font-size:20px; }
.concept-3 .fh-copy-accent>span+span { display:none; }
.concept-3 .fh-controls { background:#fff; }
.concept-3 .fh-slide.is-active .fh-kicker,
.concept-3 .fh-slide.is-active .fh-title,
.concept-3 .fh-slide.is-active .fh-lead,
.concept-3 .fh-slide.is-active .fh-body,
.concept-3 .fh-slide.is-active .fh-actions,
.concept-3 .fh-slide.is-active .fh-point { animation:fha-editorial-in .7s both; }
.concept-3 .fh-slide.is-active .fh-title { animation-delay:.1s; }
.concept-3 .fh-slide.is-active .fh-lead { animation-delay:.18s; }
.concept-3 .fh-slide.is-active .fh-body { animation-delay:.24s; }
.concept-3 .fh-slide.is-active .fh-actions { animation-delay:.31s; }
.concept-3 .fh-slide.is-active .fh-point { animation-delay:.38s; }

@keyframes fha-soft-up { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@keyframes fha-pop-in { 0% { opacity:0; transform:translateY(16px) scale(.97); } 70% { opacity:1; transform:translateY(-3px) scale(1); } 100% { opacity:1; transform:none; } }
@keyframes fha-sticker-in { 0% { opacity:0; transform:translateY(8px) rotate(-4deg); } 75% { opacity:1; transform:rotate(.5deg); } 100% { opacity:1; transform:rotate(-1.2deg); } }
@keyframes fha-editorial-in { from { opacity:0; transform:translateX(-10px); } to { opacity:1; transform:translateX(0); } }
@keyframes fha-jolly-star { 0%,100% { transform:rotate(-10deg) scale(.9); } 50% { transform:rotate(12deg) scale(1.1); } }

@media (max-width:1100px) and (min-width:761px) {
 .concept-1 .fh-title { font-size:clamp(29px,3.3vw,42px); }
 .concept-2 .fh-title { font-size:clamp(28px,3.1vw,41px); }
 .concept-3 .fh-title { font-size:clamp(29px,3.5vw,44px); }
 .concept-1 .fh-lead,.concept-2 .fh-lead,.concept-3 .fh-lead { font-size:13px; }
 .concept-1 .fh-body,.concept-2 .fh-body,.concept-3 .fh-body { font-size:11px; }
 .concept-3 .fh-copy { padding-left:15px; }
 .concept-1 .fh-copy-accent,.concept-2 .fh-copy-accent,.concept-3 .fh-copy-accent { display:none; }
}
@media (max-width:760px) {
 .concept-1 .fh-title { font-size:clamp(29px,7.9vw,43px); line-height:1.5; }
 .concept-2 .fh-title { font-size:clamp(28px,7.55vw,42px); line-height:1.66; }
 .concept-3 .fh-title { font-size:clamp(29px,8vw,44px); }
 .concept-1 .fh-kicker,.concept-2 .fh-kicker,.concept-3 .fh-kicker { font-size:10px; }
 .concept-1 .fh-lead,.concept-2 .fh-lead,.concept-3 .fh-lead { font-size:13px; }
 .concept-1 .fh-body,.concept-2 .fh-body,.concept-3 .fh-body { font-size:11px; line-height:1.95; }
 .concept-1 .fh-art { border-radius:45px 20px 20px; }
 .concept-2 .fh-art { border-width:2px; border-radius:28px; box-shadow:5px 5px 0 #e8b820; }
 .concept-2 .fh-kicker { padding:7px 9px; }
 .concept-2 .fh-title>span { padding-left:3px; padding-right:4px; box-shadow:3px 4px 0 #e2b91d; }
 .concept-3 .fh-copy { padding-left:15px; border-width:2px; }
 .concept-3 .fh-art { box-shadow:6px 6px 0 -1px #fff,6px 6px 0 #e3e8da; }
 .concept-1 .fh-copy-accent,.concept-2 .fh-copy-accent,.concept-3 .fh-copy-accent { display:none; }
}
@media (max-width:360px) {
 .concept-1 .fh-title { font-size:26px; }
 .concept-2 .fh-title { font-size:25px; }
 .concept-3 .fh-title { font-size:27px; }
 .concept-1 .fh-body,.concept-2 .fh-body,.concept-3 .fh-body { font-size:10px; }
 .concept-3 .fh-copy { padding-left:10px; }
}
@media (prefers-reduced-motion:reduce) {
 .concept-1 .fh-copy *, .concept-2 .fh-copy *, .concept-3 .fh-copy * { animation:none !important; }
}