/* Native WordPress blocks retain the approved prototype layout. */
.corporate-main :where(.wp-block-group,.wp-block-image){margin-block:0}
.corporate-main :where(.wp-block-heading,p){margin-block-end:0}
.media-frame>.wp-block-image{margin:0;width:100%;height:100%}
.photo-block .photo-caption{font-size:11px;line-height:1.65;color:#98aaa0;margin-top:12px}
.profile-photos .media-frame>.wp-block-image{height:auto}
.hero-cover{position:absolute;inset:0;margin:0;width:100%;height:100%}
.hero-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%;transform:translate3d(0,var(--cover-parallax,0px),0);will-change:transform}
.wp-block-image.hero-cover img{max-width:none}
.article-content{padding-block:calc(var(--header) + 70px) 90px;max-width:900px}
.article-content h1{font-size:40px;margin-bottom:32px}
.article-content p{margin-block:20px}
@media(max-width:700px){.hero-cover img{object-position:0% 50%}}

/* El Zafiro alternates the project layout and separates the supporting photos. */
.corporate-main .project-feature.project-feature-reversed{grid-template-columns:1.25fr .75fr}
.project-feature-reversed>.project-visuals{grid-column:1;grid-row:1}
.project-feature-reversed>.project-copy{grid-column:2;grid-row:1}
.corporate-main .project-feature-reversed .project-supporting{margin-block-start:12px}
@media(max-width:1000px){.corporate-main .project-feature.project-feature-reversed{grid-template-columns:1.2fr .8fr}}
@media(max-width:700px){
 .corporate-main .project-feature.project-feature-reversed{grid-template-columns:1fr}
 .project-feature-reversed>.project-visuals,.project-feature-reversed>.project-copy{grid-column:1;grid-row:auto}
}

/* The English profile heading uses its full column and balances its lines. */
html[lang=en] .profile-copy h2{max-width:none;text-wrap:balance}

/* Consistent copper navigation and active-language states. */
.site-header .desktop-nav a::after{height:2px;background:#cba382}
.site-header .desktop-nav a.dashboard-link,.site-header .desktop-nav a.dashboard-link:hover,.site-header .desktop-nav a.dashboard-link[aria-current],.mobile-nav a.dashboard-link,.mobile-nav a.dashboard-link:hover,.mobile-nav a.dashboard-link[aria-current]{color:#cba382}
.site-header .language-switch a,.site-header .language-switch a:hover{color:#f1f1eb}
.site-header .language-switch a[aria-current],.site-header .language-switch a[aria-current]:hover{color:#cba382}
.mobile-nav a[aria-current]{text-decoration-line:underline;text-decoration-color:#cba382;text-decoration-thickness:2px;text-underline-offset:11px}

/* Portfolio introductions follow each language's landing-page font size. */
.page-id-63 .page-intro .page-lead{font-size:clamp(17px,1.5vw,22px)}
.page-id-72 .page-intro .page-lead{font-size:clamp(17px,1.65vw,24px)}
@media(max-width:700px){
 .page-id-63 .page-intro .page-lead{font-size:15.5px}
 .page-id-72 .page-intro .page-lead{font-size:17px}
}

/* Keep the portfolio introduction on the same columns as the cover images. */
.page-id-63 .page-intro .page-lead,.page-id-72 .page-intro .page-lead{width:100%;max-width:none}
@media(min-width:701px){
 .page-id-63 .page-intro,.page-id-72 .page-intro{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px}
}
@media(min-width:701px) and (max-width:1120px){
 .page-id-63 .page-intro,.page-id-72 .page-intro{column-gap:30px}
}

/* English ingredient supply logos need space below the description. */
.page-id-67 .ingredient-body .customer-logos{margin-block-start:28px}

/* A separate, full-resolution background for portrait screens. */
.hero-cover picture{display:block;width:100%;height:100%}
@media(orientation:portrait){
 .hero-cover .hero-responsive-portrait img{object-position:50% 50%}
 .hero:has(.hero-responsive-portrait)::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,18,22,.76) 0%,rgba(10,18,22,1) 30%,rgba(10,18,22,1) 78%,rgba(10,18,22,.66) 100%);opacity:var(--obsidiana-portrait-darkness,.45)}
}


@media(orientation:portrait) and (max-width:380px){
 body:has(.hero-responsive-portrait) .site-header{gap:12px}
 body:has(.hero-responsive-portrait) .site-header .brand{width:120px}
 body:has(.hero-responsive-portrait) .site-header .header-actions{gap:16px}
}

/* Subtle content entrances on desktop and mobile; layout dimensions stay fixed. */
@media(prefers-reduced-motion:no-preference){
 .corporate-main .oc-scroll-reveal{opacity:1;transform:translate3d(0,0,0);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--oc-reveal-delay,0ms)}
 .corporate-main .oc-scroll-reveal.is-reveal-pending{opacity:0;transform:translate3d(0,28px,0)}
 .corporate-main .oc-scroll-reveal:focus-within{opacity:1;transform:none;transition:none}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .corporate-main .oc-scroll-reveal{transition-duration:.65s}
 .corporate-main .oc-scroll-reveal.is-reveal-pending{transform:translate3d(0,20px,0)}
}
@media(prefers-reduced-motion:reduce),print{
 .corporate-main .oc-scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}
}

/* Home section labels and titles share one restrained typographic scale. */
.corporate-main{--home-section-size:clamp(29px,2.7vw,38px)}
.corporate-main :is(.profile-copy,.home-section-title) .home-section-label{font-size:var(--home-section-size);line-height:1.4;letter-spacing:-.02em;color:var(--copper);margin:0;max-width:none}
.corporate-main .profile-copy .home-section-label::before{content:none;display:none}
.corporate-main :is(.profile-copy,.home-section-title) .home-section-subtitle{font-size:var(--home-section-size);line-height:1.4;letter-spacing:-.02em;color:var(--paper);margin:0;max-width:none}
.corporate-main .home-section-subtitle::before{content:"";display:block;width:46px;height:2px;background:var(--copper);margin:22px 0 24px}
.corporate-main .home-activities .section-heading{grid-template-columns:.76fr 1.24fr;column-gap:8%;row-gap:24px;align-items:end}
.corporate-main .home-activities .section-heading>.home-activities-lead{width:100%;max-width:none;margin:0;font-size:18px;line-height:1.8;text-align:center;text-wrap:balance}
html[lang=zh-Hant] .corporate-main .home-activities .section-heading>.home-activities-lead{font-size:clamp(16px,1.25vw,18px)}
@media(max-width:700px){
 .corporate-main .home-activities .section-heading{grid-template-columns:1fr;gap:24px;align-items:start}
 .corporate-main .home-activities .section-heading>.home-activities-lead,html[lang=zh-Hant] .corporate-main .home-activities .section-heading>.home-activities-lead{font-size:17px}
}

/* Left-align the Home introduction on mobile portrait screens only. */
@media (max-width:1120px) and (orientation:portrait){
 .corporate-main .home-activities .section-heading>.home-activities-lead{text-align:left;text-wrap:wrap}
}

/* Directional shadows lift the landing-page lettering above the photograph. */
.corporate-main>.hero .hero-content h1{text-shadow:3px 4px 6px rgba(0,0,0,.60),6px 9px 20px rgba(0,0,0,.35)}
.corporate-main>.hero .hero-content p{text-shadow:2px 3px 4px rgba(0,0,0,.65),4px 6px 12px rgba(0,0,0,.30)}
.corporate-main>.hero .hero-explore{text-shadow:2px 3px 4px rgba(0,0,0,.70),4px 6px 12px rgba(0,0,0,.30)}
.corporate-main>.hero .hero-explore .scroll-arrow{filter:drop-shadow(2px 3px 3px rgba(0,0,0,.65))}
body:has(.corporate-main>.hero) .site-header:not(.is-solid){text-shadow:2px 3px 4px rgba(0,0,0,.60)}
body:has(.corporate-main>.hero) .site-header:not(.is-solid) .brand img{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.55))}

/* Home: investment overview and Dashboard introduction in two balanced columns. */
.corporate-main .market-context>.container{grid-template-columns:1fr 1fr}
.corporate-main .market-context-card{display:flex;flex-direction:column;align-items:flex-start}
.corporate-main .market-context-card>p{margin:22px 0 24px}
.corporate-main .market-context-card>.text-link{margin-top:auto}
@media(max-width:700px){
 .corporate-main .market-context>.container{grid-template-columns:1fr;gap:38px}
 .corporate-main .market-context-card>p{margin-top:18px}
}

/* Keep the Home investment and Dashboard summaries below the main section hierarchy. */
.corporate-main .market-context-card>h2{font-size:clamp(26px,2.3vw,32px)}
.corporate-main .market-context-card>p{font-size:18px}
@media(max-width:700px){
 .corporate-main .market-context-card>p{font-size:16px}
}