/* Shared additions to the existing JUNÉA visual system. No asset reprocessing. */
/* Same licensed font families; fetched only when Cyrillic characters are rendered. */
@font-face{font-family:Inter;src:url('fonts/inter-cyrillic.ttf') format('truetype');font-weight:300 500;font-style:normal;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F}
@font-face{font-family:'Playfair Display';src:url('fonts/playfair-display-cyrillic.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F}
.junea-validation .junea-line-icon{display:block;width:32px;height:32px;margin-bottom:1.25rem;color:var(--nocte-navy);flex-shrink:0}
.junea-validation .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.5rem}
.section-heading h2{max-width:42rem}.section-heading p:not(.eyebrow){margin-top:1rem}.section-intro{max-width:26rem;color:var(--ui-muted)}
.junea-validation .cta-row{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;margin-top:2rem}
.home-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding-block:4rem 3rem}
.home-hero h1{font-size:clamp(2.6rem,4.3vw,4.6rem);max-width:15ch;margin:1rem 0 1.5rem}
.home-hero .intro-text{font-size:1rem;color:var(--ui-muted)}
.home-product-intro{border-top:1px solid var(--ui-line);padding-top:1.7rem;margin-top:2rem;max-width:30rem}
.home-product-intro h2{font:400 2rem/1.2 var(--font-display);margin-bottom:.6rem}.home-product-intro .small{margin-top:.5rem}
.junea-validation .home-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f2f3f3;padding:1.25rem;min-height:490px;overflow:hidden}
.home-visual .nocte-image{width:100%;height:420px}.home-visual .nocte-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.home-visual .presentation-signature{padding-bottom:.5rem}
.philosophy{border-bottom:1px solid var(--ui-line)}.philosophy h2{margin-top:.75rem}.philosophy .three-columns{margin-top:2.5rem}
.home-science{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.home-science h2{margin:.7rem 0 1.25rem}.home-science .text-link{margin-top:1.5rem}
.molecule-diagram{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(.5rem,1.3vw,1.2rem);padding:2rem 0;color:var(--nocte-navy)}
.molecule-diagram>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;min-height:70px;padding:1rem;border:1px solid var(--ui-line);border-radius:50%;font-size:1.2rem}
.molecule-diagram small{font:400 .65rem/1.4 var(--font-body);margin-top:.5rem;color:var(--ui-muted)}.molecule-diagram b{font-weight:400}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.library-flagship{grid-column:1/-1;display:grid!important;grid-template-columns:auto 1fr;column-gap:2rem;align-items:start;background:var(--ui-paper)}
.junea-validation .library-grid .ingredient-card{padding:1.75rem}
.library-flagship .junea-line-icon{grid-row:1/5;width:48px;height:48px}.library-flagship p{max-width:42rem}.library-flagship h3{font-family:var(--font-display);font-size:2rem}
.junea-validation .junea-card{border:1px solid var(--ui-line);transition:border-color 225ms ease,transform 225ms ease;overflow:hidden;color:var(--brand-ink)}
.junea-card .nocte-image img{transition:transform 225ms cubic-bezier(.2,.65,.3,1)}
.junea-validation .junea-card:focus-visible{outline:2px solid var(--brand-ink);outline-offset:5px;border-color:var(--brand-ink)}
.junea-card:focus-visible .nocte-image img{transform:scale(1.028)}
@media(hover:hover) and (pointer:fine){.junea-card:hover{border-color:var(--brand-ink);transform:translateY(-2px)}.junea-card:hover .nocte-image img{transform:scale(1.028)}}
.junea-card:active{border-color:var(--brand-ink)}.card-link{display:flex;align-items:center;gap:.8rem;font-size:.875rem;font-weight:500;margin-top:1.5rem}
.ingredient-card{min-width:0}.ingredient-card .text-link{margin-top:.75rem}.ingredient-card h3{margin:.6rem 0 1rem}.ingredient-card .card-link{align-self:end}
.compact-cta{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-top:1px solid var(--ui-line)}.compact-cta h2{font-size:clamp(2rem,3vw,3rem);margin:.7rem 0 1.25rem}.compact-cta p{max-width:40rem}.compact-cta .button{flex-shrink:0}
.research-teaser{background:var(--ui-paper)}.research-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin-top:2.5rem}.research-topics>div{padding:1.5rem 0;border-top:1px solid var(--ui-line)}.research-caption{margin-top:1rem!important}
.ritual-steps li{display:flex;gap:1.5rem}.ritual-steps .junea-line-icon{margin-top:.2rem}.ritual{background:var(--brand-paper)}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:2rem;max-width:850px}
.product-card{display:grid;grid-template-columns:1fr 1fr;background:var(--brand-paper)}.product-card-visual{display:flex;align-items:center;justify-content:center;background:#f2f3f3;padding:1rem;min-height:360px}
.product-card-visual .nocte-image{width:100%;height:330px}.product-card-visual .nocte-image img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
.product-card-copy{padding:2rem;align-self:center}.product-card-copy h2{font-size:2.5rem;margin:.6rem 0 1rem}.product-card-price{margin-top:1.5rem!important}
.science-method{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--ui-line);max-width:900px}.science-method h2{font-size:2rem;margin-bottom:1rem}.science-method p{margin-top:1rem}
.evidence-legend{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.evidence-legend span,.evidence-label{display:inline-block;padding:.35rem .6rem;background:var(--ui-paper);border:1px solid var(--ui-line);font-size:.65rem;letter-spacing:.06em}
.article-jumps{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--ui-line)}.article-jumps a{font-size:.875rem;padding:.5rem 0;text-decoration:underline!important}
.science-section{display:grid;grid-template-columns:1fr 1.8fr;gap:4rem;padding-block:3.5rem;border-bottom:1px solid var(--ui-line)}.science-section h2{font-size:clamp(1.7rem,2.5vw,2.4rem);margin-top:.6rem}.science-section h3{margin:1.5rem 0 .75rem}
.evidence-note{border-left:2px solid var(--nocte-navy);padding-left:1.25rem;color:var(--ui-muted);font-size:.9rem}.study-section{padding-top:4rem}
.study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.study-card{padding:1.8rem;border:1px solid var(--ui-line);min-width:0}.study-card h3{margin:1.2rem 0 .75rem}.study-card dl{margin:1.5rem 0}.study-card dt{font-size:.8rem;font-weight:500;margin-top:1.1rem}.study-card dd{margin:.3rem 0 0;color:var(--ui-muted);font-size:.9rem}
.study-card .source-details{border-top:1px solid var(--ui-line);padding-top:1rem}.source-details summary{font-size:.875rem;cursor:pointer;display:flex;justify-content:space-between;gap:1rem}.source-details p{margin-top:1rem!important;overflow-wrap:anywhere}.source-details .text-link{margin-top:.6rem}.source-details a{text-decoration:underline!important}
.language-switch{position:relative;z-index:20;font-size:.75rem;min-width:50px}.language-switch summary{display:flex;gap:.5rem;align-items:center;cursor:pointer;min-height:44px;list-style:none}.language-switch summary::-webkit-details-marker{display:none}
.junea-validation .language-switch{border:0}.junea-validation .language-switch summary{padding:.5rem 0;gap:.5rem;justify-content:center;border:0}.junea-validation .language-switch summary span{font-size:1rem;transform:none;line-height:1}.junea-validation .language-switch[open]>summary span{transform:rotate(180deg)}
.language-switch .language-links{position:absolute;right:0;top:100%;min-width:150px;padding:.5rem;background:var(--brand-paper);border:1px solid var(--ui-line);box-shadow:0 6px 20px rgb(0 0 0/.04)}
.language-links a{display:block;padding:.6rem .7rem;min-height:44px}.language-links [aria-current]{text-decoration:underline!important}.language-links a:hover{background:var(--ui-paper)}
.language-mobile{margin-bottom:2rem}.language-mobile .language-links{display:grid;grid-template-columns:1fr 1fr;margin-top:.5rem;font-size:.875rem}
/* Preserve a round 44px touch target and an explicit keyboard-only focus ring. */
.junea-validation .nocte-gallery-dots button{appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;border-radius:50%;background:transparent;box-shadow:none}
.junea-validation .nocte-gallery-dots button:hover,.junea-validation .nocte-gallery-dots button:active,.junea-validation .nocte-gallery-dots button:focus{background:transparent;box-shadow:none}
.junea-validation .nocte-gallery-dots button:focus-visible{outline:2px solid var(--brand-ink);outline-offset:-6px}
.junea-validation button.text-link,.junea-validation button.resend-button{appearance:none;-webkit-appearance:none;color:var(--brand-ink);-webkit-text-fill-color:var(--brand-ink);text-decoration:underline;text-underline-offset:4px;border-bottom:0;border-radius:0;background:transparent}
.junea-validation button.resend-button:focus-visible{outline:2px solid var(--brand-ink);outline-offset:5px}
@media(max-width:1050px){.brand-header{gap:1.25rem}.desktop-navigation{gap:1.2rem}.header-actions{gap:.6rem}.home-hero{gap:4%}.home-visual .nocte-image{height:350px}.junea-validation .home-visual{min-height:420px}}
@media(max-width:850px){.header-actions>.language-switch{display:none}.home-hero{padding-block:2.5rem}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-flagship{grid-column:1/-1}.research-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.science-section{gap:2rem}.study-card{padding:1.25rem}.home-science{gap:2rem}.junea-validation .section-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.home-hero{grid-template-columns:1fr;gap:2rem}.home-hero h1{font-size:2.7rem;max-width:17ch}.home-product-intro{margin-top:1.5rem}.junea-validation .home-visual{min-height:0;aspect-ratio:1}.home-visual .nocte-image{height:calc(100% - 2rem);min-height:0}.home-visual .presentation-signature{margin-top:.5rem}.home-science{grid-template-columns:1fr;gap:1.5rem}.library-grid{grid-template-columns:1fr}.library-flagship{column-gap:1rem}.compact-cta{align-items:flex-start;flex-direction:column}.product-card{grid-template-columns:1fr}.product-card-visual{min-height:0;height:300px}.product-card-visual .nocte-image{height:100%}.product-card-copy{padding:1.5rem}.science-section{grid-template-columns:1fr;gap:1.5rem;padding-block:2.5rem}.study-grid{grid-template-columns:1fr}.molecule-diagram{gap:.5rem}.molecule-diagram>span{min-width:58px;min-height:58px;padding:.65rem;font-size:1rem}.molecule-diagram small{max-width:60px}.research-topics{gap:1rem}.research-topics h3{font-size:.95rem}.hero-subtitle{font-size:1.5rem}.article-jumps{gap:0 1.25rem}}
@media(prefers-reduced-motion:reduce){.junea-validation .junea-card,.junea-validation .junea-card img{transition:none!important;transform:none!important}}
