/* Shared navigation and paper-light atmosphere for the V8 editorial pages. */
[data-site-header]{position:sticky;top:0;z-index:60}
[data-site-header] .site-header{position:relative;top:auto}
.secondary-page{--secondary-green:#203e2e;--secondary-muted:#68785e;background:var(--paper);color:var(--secondary-green)}
.secondary-page main{position:relative;isolation:isolate;min-height:60vh;scroll-margin-top:100px}
.secondary-page main::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(128deg,transparent 12%,#fffbd660 25%,transparent 39%),linear-gradient(128deg,transparent 30%,#fffff5b0 34%,transparent 43%);opacity:.65}
.secondary-page a:focus-visible,.secondary-page button:focus-visible,.secondary-page summary:focus-visible{outline:2px solid #456137;outline-offset:5px}
.secondary-page input:focus-visible,.secondary-page select:focus-visible,.secondary-page textarea:focus-visible{outline:2px solid #456137;outline-offset:3px}
.secondary-header .desktop-nav a[aria-current=page]::after{width:100%;background:#456137;height:2px}
.secondary-header .header-contact{color:var(--ink)}
.secondary-footer{color:var(--paper);position:relative;z-index:1}
.secondary-footer .footer-column address{font-style:normal;font-size:12px;line-height:1.9;max-width:29ch;color:#daddcf;margin-top:8px}
.secondary-footer .footer-brand{align-self:start}
.secondary-footer .footer-column h2{letter-spacing:.1em!important}
.secondary-page [hidden]{display:none!important}
@media(min-width:1101px){.secondary-header .desktop-nav{gap:clamp(17px,1.8vw,30px)}.secondary-header .brand-link{width:178px}}
@media(max-width:1100px){.secondary-header .desktop-nav,.secondary-header .header-contact{display:none}.secondary-header .menu-toggle{display:flex}.secondary-header .mobile-menu{position:absolute;top:100%;max-height:calc(100svh - 76px);overflow:auto}.secondary-header{height:76px}}
@media(max-width:600px){.secondary-header{height:72px}.secondary-header .brand-link{width:140px}.secondary-header .header-actions{gap:8px}.secondary-header .language-switch button{min-width:27px}.secondary-footer .footer-main{grid-template-columns:1fr 1fr}.secondary-footer .footer-brand{grid-column:1/-1}.secondary-footer .footer-column address{font-size:11px}.secondary-header .mobile-menu a{font-family:var(--heading-font);font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.secondary-page *, .secondary-page *::before,.secondary-page *::after{animation:none!important;transition:none!important}}

body.secondary-menu-open{overflow:hidden}
@media(max-width:1100px){.site-header:not(.secondary-header) .desktop-nav,.site-header:not(.secondary-header) .header-contact{display:none}.site-header:not(.secondary-header) .menu-toggle{display:flex}.site-header:not(.secondary-header) .mobile-menu{position:absolute;top:100%;max-height:calc(100svh - 76px);overflow:auto}}

.journal-product-art{position:relative;width:100%;height:100%;aspect-ratio:1.35;background:#f7de65 url('assets/backgrounds-v7/mango.webp') center 70%/cover;overflow:hidden;display:grid;place-items:center}
.journal-product-scene{height:105%;aspect-ratio:2/3;position:relative;flex-shrink:0;transform:rotate(-5deg)}
html .journal-product-scene>img:first-child{width:100%;height:100%;padding:0;object-fit:contain}
html .journal-product-scene>.journal-product-logo{position:absolute;left:50.5%;top:60%;width:25%;height:auto;object-fit:contain;transform:translate(-50%,-50%);padding:0}
.journal-article-figure>.journal-product-art{height:clamp(330px,37vw,510px);aspect-ratio:auto}
@media(max-width:520px){.journal-article-figure>.journal-product-art{height:315px}}

@media(max-width:1100px){
.secondary-header .mobile-menu{left:0;right:0;background:var(--paper);padding:24px var(--gutter) 35px;border-bottom:1px solid #456137;box-shadow:0 30px 50px #17191625;display:flex;flex-direction:column;gap:0}
.secondary-header .mobile-menu a{display:block;font-size:25px;line-height:1.45;padding:14px 0;text-align:left;border-bottom:1px solid var(--line);font-family:var(--heading-font);font-weight:var(--heading-weight)}
}
/* The product image and its logo share one bounded canvas in every journal view. */
.journal-product-art{display:flex;justify-content:center;align-items:center;min-height:0;min-width:0}
.journal-product-scene{flex:0 0 auto;height:100%;width:auto;max-width:90%;min-width:0;min-height:0;aspect-ratio:2/3}
.secondary-footer .footer-column{min-width:0}
.secondary-footer .footer-column a,.secondary-footer address{overflow-wrap:anywhere}
@media(max-width:400px){.secondary-footer .footer-brand{flex-wrap:wrap;gap:14px}.secondary-footer .footer-brand p{max-width:none}.secondary-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}}
html{overflow-x:clip}