/* Phone composition only. This file is not applied to tablet or desktop. */
.site-header.editorial-header{inset:10px 12px auto;height:50px;padding:0 12px;border-radius:999px}
.editorial-header .logo-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;width:100%;height:100%;position:static}
.editorial-header .brand{position:static;left:auto;top:auto;transform:none;grid-column:1;grid-row:1;width:32px;height:36px}
.editorial-header .header-book{position:static;left:auto;right:auto;top:auto;transform:none;grid-column:2;grid-row:1;justify-self:center;display:flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;font-size:11px;line-height:1;border-radius:999px;white-space:nowrap}
.editorial-header .mobile-menu-button{position:static;left:auto;right:auto;top:auto;transform:none;grid-column:3;grid-row:1;width:44px;height:44px;margin:0;padding:0;font-size:12px}
/* One integrated portrait composition, without a split photo-card column. */
.hero.editorial-hero{display:block;position:relative;height:clamp(660px,175vw,720px);min-height:0;max-height:none;padding:0;background:#F8F5F0;isolation:isolate;overflow:hidden}
.editorial-hero .hero-brand-echo{display:none}
.editorial-hero .hero-editorial-copy{display:contents}
.editorial-hero .hero-eyebrow{position:absolute;inset:84px auto auto 6%;margin:0;font-size:8px;line-height:1.3;letter-spacing:2.2px;white-space:normal;z-index:3}
.editorial-hero #hero-title{position:absolute;inset:104px auto auto 6%;width:170px;height:auto;aspect-ratio:430/220;margin:0;z-index:3}
.editorial-hero .hero-support{position:absolute;inset:calc(100% - 100px) auto auto 6%;max-width:230px;font-size:9px;line-height:1.7;letter-spacing:1.1px;margin:0;z-index:3}
.editorial-hero .hero-discover{position:absolute;inset:calc(100% - 56px) auto auto 6%;width:224px;height:44px;min-width:0;padding:0 22px;margin:0;gap:14px;font-size:11px;line-height:1;border-radius:999px;z-index:3}
.editorial-hero .hero-discover svg{width:18px;height:18px;flex-basis:18px}
.editorial-hero .hero-model{position:absolute;inset:60px 0 112px;width:100%;height:auto;margin:0;aspect-ratio:auto;transform:none;overflow:hidden;mix-blend-mode:normal;mask-image:linear-gradient(to bottom,transparent,#30231F 65px);-webkit-mask-image:linear-gradient(to bottom,transparent,#30231F 65px);z-index:1}
.editorial-hero .hero-model picture{display:block;width:min(100%,370px);height:auto;aspect-ratio:941/1672;margin:0 auto;mask-image:linear-gradient(to right,transparent,#30231F 7%,#30231F 93%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#30231F 7%,#30231F 93%,transparent)}
.editorial-hero .hero-model img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;mix-blend-mode:normal}
.site-header.editorial-header{position:fixed;top:max(10px,env(safe-area-inset-top));transition:transform .5s ease-in-out;will-change:transform}
.site-header.editorial-header.mobile-nav-tucked{transform:translateY(calc(-100% - max(10px,env(safe-area-inset-top)) - 12px))}
@media(prefers-reduced-motion:reduce){.site-header.editorial-header{transition:none}}

/* Decorative real CSS text, between the unchanged portrait and its foreground. */
.editorial-hero .hero-model{--hero-echo-top:calc(min(100vw,370px) * .36 + 14px);--hero-echo-size:clamp(40px,12vw,52px)}
.editorial-hero .hero-model picture{position:relative;z-index:0}
.editorial-hero .hero-model::before{content:"FRENCH INSTITUT" / "";position:absolute;top:var(--hero-echo-top);left:50%;transform:translateX(-50%);width:max-content;white-space:nowrap;font:400 var(--hero-echo-size)/.9 FrenchHeroBodoni,Georgia,serif;letter-spacing:-.055em;color:rgba(197,174,153,.6);pointer-events:none;z-index:1}
/* Same original pixels, clipped to the subject, keep the lettering behind the hair. */
.editorial-hero .hero-model::after{content:"";position:absolute;top:0;left:50%;width:min(100%,370px);aspect-ratio:941/1672;transform:translateX(-50%);background:url('assets/hero-mobile-clean.png') center/100% 100% no-repeat;clip-path:polygon(28% 35%,32% 30%,37% 26.5%,44% 24.7%,50% 24.3%,57% 25.2%,64% 27.2%,69.6% 30.3%,70% 33%,70% 35%);mask-image:linear-gradient(to bottom,transparent calc(var(--hero-echo-top) - 3px),#30231F calc(var(--hero-echo-top) - 3px),#30231F calc(var(--hero-echo-top) + var(--hero-echo-size) * .9 + 3px),transparent calc(var(--hero-echo-top) + var(--hero-echo-size) * .9 + 3px));-webkit-mask-image:linear-gradient(to bottom,transparent calc(var(--hero-echo-top) - 3px),#30231F calc(var(--hero-echo-top) - 3px),#30231F calc(var(--hero-echo-top) + var(--hero-echo-size) * .9 + 3px),transparent calc(var(--hero-echo-top) + var(--hero-echo-size) * .9 + 3px));pointer-events:none;z-index:2}