/* Photographic relief v4: continuous clean plate + unchanged original person. */
#personas{--np-ink:#49382e;--np-cream:#fff8ed;--np-card-height:500px;padding:88px 0 12px;scroll-margin-top:0;color:var(--np-ink)}
#personas .np-heading{margin-bottom:18px}
#personas .np-heading h2{font-size:clamp(34px,3.35vw,48px);max-width:980px;line-height:1.06}
#personas .np-kicker{color:#8a7767;margin-bottom:10px}
#personas .np-arrow{border-color:#b6a59470!important;color:var(--np-ink)}
#personas .np-card.np-relief{container-type:inline-size;isolation:isolate;height:var(--np-card-height);--np-head-tip:58px;--np-frame-top:94px;--np-grade:saturate(.87) contrast(1.015) sepia(.035)}
#personas .np-relief-longevity{--np-grade:saturate(.76) contrast(1.015) sepia(.035)}
#personas .np-relief-performance,#personas .np-relief-heart{--np-grade:saturate(.78) contrast(1.015) sepia(.035)}
#personas .np-relief-inflammation{--np-grade:saturate(.74) contrast(1.015) sepia(.035)}
#personas .np-card.np-relief:not(.is-open){overflow:hidden;border-radius:0;background:transparent}
#personas .np-card.np-relief>img.np-photo,#personas .np-card.np-relief>div.np-shade{display:none}
.np-relief-scene{position:absolute;inset:0;pointer-events:none;--np-render-w:max(100cqw,calc((var(--np-card-height) - var(--np-head-tip)) * var(--np-visible-aspect)));--np-plane-x:clamp(calc(100cqw - var(--np-render-w)),calc(50cqw - var(--np-render-w) * var(--np-focal)),0px);--np-plane-y:calc(var(--np-head-tip) - var(--np-render-w) * var(--np-head-in-width))}
.np-relief-frame,.np-relief-shade{position:absolute;top:var(--np-frame-top);left:0;width:100%;height:calc(var(--np-card-height) - var(--np-frame-top));border-radius:26px;overflow:hidden}
.np-relief-frame{z-index:0;background:#e5daca}
#personas .np-relief-background{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);max-width:none;object-fit:cover;object-position:36% center;filter:var(--np-grade);transform:none}
#personas .np-relief-plane{position:absolute;left:var(--np-plane-x);top:var(--np-plane-y);width:var(--np-render-w);max-width:none;height:auto;aspect-ratio:var(--np-aspect);object-fit:fill;filter:var(--np-grade);-webkit-mask:var(--np-silhouette) 0 0/100% 100% no-repeat;mask:var(--np-silhouette) 0 0/100% 100% no-repeat;transform:none}
.np-relief-person{position:absolute;inset:0;z-index:1;border-radius:0 0 26px 26px;overflow:hidden;filter:drop-shadow(0 3px 3px #39271b14)}
.np-relief-shade{z-index:2;background:linear-gradient(0deg,#241b16e0,#2c211a7a 24%,#2c211a12 48%,transparent 65%)}
#personas .np-relief:not(.is-open) .np-family-pill{top:3px;left:0;padding:7px 0;max-width:calc(100% - 55px);background:transparent;border:0;box-shadow:none;backdrop-filter:none;color:var(--np-ink);font-size:clamp(18px,1.35vw,20px);line-height:1.22;font-weight:550;white-space:normal;z-index:4;gap:10px}
#personas .np-relief:not(.is-open) .np-family-pill .np-icon{width:23px;height:23px}
#personas .np-toggle{color:var(--np-ink);background:#fff9edea;border-color:#fffaf0!important}
#personas .np-relief:not(.is-open) .np-toggle{top:0;right:0;z-index:5}
#personas .np-relief:not(.is-open) .np-copy{left:26px;right:24px;bottom:27px;z-index:3}
#personas .np-relief .np-copy h3{font-family:inherit;font-size:clamp(29px,2.45vw,37px);font-weight:450;line-height:1.08;letter-spacing:-.042em;color:#fffaf0;text-shadow:0 2px 16px #26190f55;text-wrap:balance}
/* No half-photo/flat-fill layout. The same panorama continues under the glass. */
#personas .np-card.np-relief.is-open{border-radius:26px;background:#e5daca}
#personas .np-relief.is-open .np-relief-scene{--np-head-tip:30px;--np-render-w:calc((var(--np-card-height) - var(--np-head-tip)) * var(--np-visible-aspect));--np-plane-x:calc(25cqw - var(--np-render-w) * var(--np-focal));display:block}
#personas .np-relief.is-open .np-relief-frame,#personas .np-relief.is-open .np-relief-shade{top:0;height:100%}
#personas .np-relief.is-open .np-relief-background{object-position:center}
#personas .np-relief.is-open .np-relief-person{width:53%;border-radius:26px 0 0 26px}
#personas .np-relief.is-open .np-relief-shade{background:linear-gradient(0deg,#281b14b8,transparent 52%);width:100%}
#personas .np-relief.is-open .np-copy{width:calc(49% - 60px);left:30px;right:auto;bottom:28px;z-index:3}
#personas .np-relief.is-open .np-copy h3{font-size:clamp(29px,2.45vw,37px)}
#personas .np-relief.is-open .np-copy p{font-size:16px;line-height:1.45;margin-top:13px}
#personas .np-relief.is-open .np-family-pill{max-width:calc(50% - 50px);font-size:18px;line-height:1.25;color:var(--np-ink);background:#fff9efef;backdrop-filter:none;-webkit-backdrop-filter:none;top:20px;left:24px;padding:10px 15px;z-index:4}
/* Match the salad preparation surface to the original hands, not a blank area. */
#personas .np-relief-weight.is-open .np-relief-background{transform-origin:right center;transform:none scale(1.18)}
#personas .np-relief.is-open .np-workspace{width:calc(47% - 36px);right:22px;top:74px;bottom:18px;gap:10px;z-index:4}
#personas .np-relief.is-open .np-plans{flex:none;gap:6px}
#personas .np-plan{background:#fff9eedb;color:var(--np-ink);border-color:#fffcf0c0!important;font-size:13px;min-height:36px}
#personas .np-plan[aria-selected=true]{background:#fbe3ce;border-color:#fff9ef!important;box-shadow:0 2px 10px #4c352514}
#personas .np-glass{position:relative;isolation:isolate;flex:1;min-height:0;height:auto;padding:15px;border-radius:25px;background:linear-gradient(130deg,#fff9efed,#f9ecdae0);border-color:#fffdf4e0;color:var(--np-ink);box-shadow:0 12px 36px #49302318;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
#personas .np-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 0 0,#fff9ed90,transparent 70%);opacity:.22;transform:translate(calc(var(--np-mouse-x,0px) * 1.5),calc(var(--np-mouse-y,0px) * 1.5))}
#personas .np-panel-title{font-size:19px!important;margin-bottom:8px!important}
#personas .np-reels{height:76px;flex-basis:76px}
#personas .np-reel{gap:5px}
#personas .np-reel-image{width:32px;height:32px}
#personas .np-reel-image img{border-color:#fff5e9}
#personas .np-reel span{font-size:12px;line-height:1.25}
#personas .np-tabs{min-height:40px;background:#f4e5d450;border-color:#fff9ed!important}
#personas .np-tab{color:#826954;min-height:32px;font-size:12px}
#personas .np-tab[aria-selected=true]{background:#fff9ee;color:#4b3528}
#personas .np-play,#personas .np-marker-names,#personas .np-days,#personas .np-omics-row>span,#personas .np-stack-label{color:#816c59}
#personas .np-context-item{color:#856b58}
#personas .np-context-item:first-child{color:#957445}
#personas .np-stage{min-height:90px;height:auto;padding-top:8px;overflow:auto;scrollbar-width:thin}
#personas .np-daily-svg{height:82px}
#personas .np-biology-copy{font-size:13px;line-height:1.4}
#personas .np-biology-svg{height:80px}
#personas .np-cta{background:#62432f;color:#fff8ec;min-height:44px;font-size:14px;margin-top:8px}
#personas .np-cta:hover{background:#795238}
#personas .np-footer{color:#8a7663;margin-top:4px}
#personas .np-dot.is-active::after{background:#a57552}
#personas .np-dot::after{background:#d8c9b8}
#personas button:focus-visible,#personas .np-card:focus-visible{outline-color:#b47b4f}
/* Reveal only visual layers: controls stay reachable during the entrance. */
#home #personas .np-card.home-enter{opacity:1;translate:0 0;clip-path:none;transition:flex-basis .65s cubic-bezier(.22,.8,.2,1)}
#home #personas .home-enter .np-relief-scene{clip-path:inset(0 16% 0 0);transition:clip-path 1.15s cubic-bezier(.22,1,.36,1) var(--entry-delay,0ms)}
#home #personas .home-enter.is-entered .np-relief-scene{clip-path:inset(0)}
@media(min-width:761px) and (max-height:800px){
 #personas{padding-top:82px;padding-bottom:8px}
 #personas .np-heading{margin-bottom:12px}
 #personas .np-heading h2{font-size:clamp(34px,3vw,42px)}
 #personas .np-kicker{font-size:11px;margin-bottom:6px}
 #personas .np-relief.is-open .np-workspace{top:62px;bottom:14px;gap:7px}
 #personas .np-glass{padding:12px}
 #personas .np-panel-title{font-size:18px!important;margin-bottom:6px!important}
 #personas .np-reels{height:64px;flex-basis:64px}
 #personas .np-reel-image{width:28px;height:28px}
 #personas .np-stage{min-height:76px}
 #personas .np-daily-svg,#personas .np-biology-svg{height:68px}
 #personas .np-relief.is-open .np-copy p{font-size:15px}
}
@media(max-width:1100px) and (min-width:761px){
 #personas .np-relief.is-open .np-workspace{width:calc(49% - 28px);right:16px}
 #personas .np-relief.is-open .np-copy{width:calc(46% - 40px);left:24px}
}
@media(max-width:760px){
 #personas{padding:82px 0 16px;--np-card-height:440px}
 #personas .np-heading{margin-bottom:16px;gap:10px}
 #personas .np-heading h2{font-size:32px;max-width:300px}
 #personas .np-kicker{font-size:10px;margin-bottom:8px}
 #personas .np-card.np-relief{--np-head-tip:57px;--np-frame-top:88px}
 .np-relief-frame,.np-relief-shade{border-radius:22px}.np-relief-person{border-radius:0 0 22px 22px}
 #personas .np-relief:not(.is-open) .np-family-pill{font-size:17px;max-width:calc(100% - 46px);gap:8px;top:0}
 #personas .np-relief:not(.is-open) .np-family-pill .np-icon{width:21px;height:21px}
 #personas .np-relief:not(.is-open) .np-copy{left:22px;right:22px;bottom:24px}
 #personas .np-relief:not(.is-open) .np-copy h3{font-size:29px}
 #personas .np-card.np-relief.is-open{height:auto;min-height:0;background:#f5eadb;border-radius:22px}
 #personas .np-relief.is-open .np-relief-scene{height:350px;--np-head-tip:48px;--np-render-w:calc(320px * var(--np-visible-aspect));--np-plane-x:calc(45cqw - var(--np-render-w) * var(--np-focal))}
 #personas .np-relief.is-open .np-relief-person{width:100%;border-radius:22px}
 #personas .np-relief.is-open .np-relief-background{object-position:30% center}
 #personas .np-relief.is-open .np-relief-shade{background:linear-gradient(0deg,#f5eadb,transparent 50%)}
 #personas .np-relief.is-open .np-copy{position:relative;width:auto;left:auto;right:auto;bottom:auto;margin:345px 22px 20px;color:#49382e;min-height:0}
 #personas .np-relief.is-open .np-copy h3{font-size:29px;color:#49382e;text-shadow:none}
 #personas .np-relief.is-open .np-copy p{font-size:15px;color:#624d3c;margin-top:12px}
 #personas .np-relief.is-open .np-workspace{position:relative;width:auto;right:auto;top:auto;bottom:auto;margin:0 12px 14px;gap:10px}
 #personas .np-relief.is-open .np-family-pill{font-size:16px;max-width:calc(100% - 76px);left:15px;top:16px;padding:9px 12px}
 #personas .np-glass{flex:auto;height:400px;min-height:400px;padding:14px 12px}
 #personas .np-plan{min-height:42px;font-size:13px}
 #personas .np-reels{height:82px;flex-basis:82px}
 #personas .np-reel-image{width:34px;height:34px}
 #personas .np-tab{font-size:12px;min-height:36px}
 #personas .np-stage{min-height:115px}
 #personas .np-biology-copy{font-size:12px}
 #personas .np-footer{margin-top:4px}
}
@media(prefers-reduced-motion:reduce){
 #home #personas .home-enter .np-relief-scene{clip-path:none;transition:none}
 #personas .np-relief-plane,#personas .np-relief-background,#personas .np-glass::before{transform:none!important;will-change:auto}
 #personas .np-relief-weight.is-open .np-relief-background{transform:scale(1.18)!important}
}