/* A photographic event poster, followed by the unchanged Monoline page language. */
@media(max-width:768px){
 /* Balance the slogan within its existing space without moving copy or CTA. */
 html body main #milan-2027>h2{position:relative;top:26px}
}
/* The background is independent of intrinsic Grid track sizing (notably Safari). */
html body main:has(> .hero) > .hero.event-opening.event-opening{
 position:relative!important;align-items:stretch!important;
 grid-template-rows:auto minmax(0,1fr) auto auto!important;
 min-height:calc(100svh - var(--event-nav-height) + var(--event-partner-height,0px))!important;
 min-height:calc(100dvh - var(--event-nav-height) + var(--event-partner-height,0px))!important;
}
html body main .event-opening.event-opening>.event-image{
 position:absolute!important;grid-area:auto!important;
 top:0!important;right:0!important;bottom:var(--event-partner-height,0px)!important;left:0!important;
 height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;
 align-self:stretch!important;transform:none!important;
}
html body main .event-opening>.event-image video{display:block!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;top:-1px!important;left:-1px!important;width:calc(100% + 2px)!important;height:calc(100% + 2px)!important}
/* Keep media behind the whole poster, including Safari's video compositor. */
html body main .event-opening>.event-image{overflow:hidden}
html body main .event-opening>.event-strip{z-index:43!important;isolation:isolate}
.event-opening a,.event-directory a,.event-opening button{-webkit-tap-highlight-color:transparent}
.event-partner>*{min-width:0;overflow-wrap:normal}
@media(max-width:768px){
 html body main .event-opening>.event-partner,
 html body main #milan-2027>.event-directory{display:none!important}
 html body main .event-opening>.event-strip{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px!important;padding:18px 24px!important;line-height:1.4!important}
 html body main .event-opening>.event-strip span{display:block;white-space:normal}
 html body main .event-opening>.event-image{transform:translateZ(0)}
 html body main .event-opening .event-actions a:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
}
.event-opening>.event-image video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.48);pointer-events:none}
html body main .event-opening>.event-video-toggle{grid-column:1;grid-row:3;position:relative;align-self:end;justify-self:center;margin:0 0 35px;width:36px;height:36px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;z-index:42!important;font:14px Arial;touch-action:manipulation}
.event-video-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
html body main .event-opening>.event-slide-controls{position:relative;grid-column:1;grid-row:3;align-self:end;justify-self:center;left:auto;right:auto;bottom:auto;margin:0 0 48px;display:flex;gap:0;z-index:42;max-width:100%;pointer-events:auto}
.event-opening .event-slide-controls button{display:grid;place-items:center;flex:0 0 28px;width:28px;height:32px;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer;touch-action:manipulation;box-shadow:none}
.event-opening .event-slide-dot::before{content:'';display:block;width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:transparent;box-shadow:0 1px 3px #0006;pointer-events:none}
.event-opening .event-slide-dot[aria-pressed="true"]::before{background:#fff}
.event-opening .event-slide-controls button[aria-pressed="true"]{background:transparent;border:0}
.event-opening .event-slide-controls button:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.event-opening .event-slide-pause{font:12px Arial}
html body main .event-opening>.event-slide-controls{z-index:42!important;width:max-content!important;gap:0!important;justify-content:center!important}
html body main .event-opening>.event-intro{padding-bottom:112px!important}
.event-opening>.event-image img.event-slide{opacity:0;transition:opacity 1.2s ease}
.event-opening>.event-image img.event-slide.is-current{opacity:1}
.event-slide-controls{position:absolute;right:var(--site-gutter,48px);bottom:26px;display:flex;gap:8px;z-index:3}
.event-slide-controls button{background:#111b;color:#fff;border:1px solid #fff;padding:8px 12px;font:700 11px Arial;cursor:pointer}
.event-slide-controls button[aria-pressed="true"]{background:var(--site-orange,#ff4d00);border-color:var(--site-orange,#ff4d00)}
.event-opening>.event-image figcaption{padding-right:0!important;pointer-events:none}
@media(max-width:768px){.event-slide-controls{bottom:70px;right:24px}.event-opening>.event-image figcaption{padding-right:0!important}.event-opening .event-actions{margin-bottom:34px}}
@media(prefers-reduced-motion:reduce){.event-opening>.event-image img.event-slide{transition:none}}
html body main #milan-2027{padding-top:0!important}
html body main #milan-2027>.event-directory{margin-top:0!important}
html body main #milan-2027::before{left:0!important;right:0!important}
html body main #milan-2027>.event-directory{width:calc(100% + 2 * var(--site-gutter,48px))!important;max-width:none!important;margin-left:calc(-1 * var(--site-gutter,48px))!important;margin-right:calc(-1 * var(--site-gutter,48px))!important}
html body main #milan-2027>.event-directory>a:first-child{padding-left:var(--site-gutter,48px)}
html body main #milan-2027>.event-directory>a:last-child{padding-right:var(--site-gutter,48px)}
@media(max-width:768px){html body main #milan-2027>.event-directory{width:calc(100% + 48px)!important;margin-left:-24px!important;margin-right:-24px!important}html body main #milan-2027>.event-directory>a{padding-left:24px!important;padding-right:24px!important}}
:root{--event-nav-height:110px}
@media(max-width:768px){:root{--event-nav-height:92px}}
html body main .event-opening.event-opening>.event-image{min-height:calc(100svh - var(--event-nav-height));min-height:calc(100dvh - var(--event-nav-height))}
html.has-scroll-guide body main#main-content .event-opening.event-opening :is(h1,h2,p,.mono-copy)::before,
html body main#main-content .event-opening.event-opening :is(h1,h2,p,.mono-copy)::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important}
html body main#main-content .event-opening .line-caption-fog{display:none!important}
html body main .event-opening>.event-image{z-index:40!important}
html body main .event-opening>:is(.event-strip,h1,.event-intro){z-index:41!important;position:relative}
html body main:has(> .hero) > .hero.event-opening{padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;isolation:isolate;background:#111}
html body main .event-opening>.event-image{grid-column:1;grid-row:1/4;z-index:0;margin:0;position:relative;max-width:none;width:100%;background:#111;min-height:690px}
.event-opening>.event-image img{height:100%;position:absolute;inset:0;width:100%;object-fit:cover;filter:brightness(.48);border-radius:0}
.event-opening>.event-image figcaption{position:absolute;bottom:7px;left:var(--site-gutter,48px);right:24px;color:#fff;font-size:10px;max-width:none;padding:0;z-index:1}
html body main .event-opening>.event-strip{grid-column:1;grid-row:1;align-self:start;z-index:2;background:transparent;color:#fff;margin:0;padding:30px var(--site-gutter,48px);border-bottom:1px solid #ffffff55;font-size:14px}
html body main .event-opening>h1{grid-column:1;grid-row:2;z-index:2;color:#fff!important;animation:none!important;font-size:clamp(70px,10.6vw,174px)!important;line-height:.95!important;padding:48px var(--site-gutter,48px)!important;margin:0!important;letter-spacing:-.055em!important;align-self:center;pointer-events:none}
html body main .event-opening>h1 span{color:#fff!important}
html body main .event-opening>h1::before,.event-opening .event-intro p::before{content:none!important;display:none!important}
html body main .event-opening>.event-intro{grid-column:1;grid-row:3;z-index:2;color:#fff;margin:0;padding:20px var(--site-gutter,48px) 66px;gap:32px;align-items:end}
.event-opening .event-intro p{color:#fff!important;font-size:clamp(22px,2.3vw,34px)!important;line-height:1.15!important}
.event-opening .event-actions{gap:14px}
.event-opening .event-secondary{color:#fff;border-color:#fff}
.event-opening .event-secondary:hover{color:var(--site-orange)}
html body main .event-opening>.event-partner{grid-column:1;grid-row:4;background:var(--site-orange,#ff4d00);color:#fff;margin:0;border:0;padding:32px var(--site-gutter,48px);z-index:40;width:100%;max-width:none}
.event-opening .event-partner a{color:#fff}
.event-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid #111;border-bottom:2px solid #111;margin-bottom:80px;background:#fff;position:relative;z-index:40}
.event-directory a{display:flex;flex-direction:column;gap:28px;padding:26px 24px;text-decoration:none;color:#111;min-width:0}
.event-directory a+a{border-left:2px solid #111}
.event-directory span{font-size:12px;letter-spacing:.04em;color:var(--site-orange);font-weight:700}
.event-directory strong{font-size:clamp(19px,2vw,30px);line-height:1.1;letter-spacing:-.035em}
.event-directory a:hover{background:#111;color:#fff}
@media(max-width:768px){html body main .event-opening>.event-image{min-height:660px}.event-opening>.event-image figcaption{left:24px;font-size:9px}html body main .event-opening>.event-strip{font-size:11px;padding:22px 24px}html body main .event-opening>h1{font-size:clamp(50px,11.5vw,90px)!important;padding:42px 24px 20px!important}html body main .event-opening>.event-intro{grid-template-columns:1fr;padding:14px 24px 76px;gap:24px}html body main .event-opening>.event-partner{padding:25px 24px}.event-directory{grid-template-columns:1fr;margin-bottom:48px}.event-directory a{gap:16px;padding:24px 0}.event-directory a+a{border-left:0;border-top:1px solid #111}}