/* PROTAGONISTS 3.8.5 — progressive enhancement for Safari 12 / iOS 12.
   Loaded on all devices, activated ONLY where modern CSS functions are unsupported.
   Modern browsers retain the unmodified design. */
@supports not (width: min(100%, 1200px)) {
.wrap{width:1280px;}
.hero h1{font:normal 9vw/.95 Georgia,serif;}
.hero p{font:normal 2vw/1.5 Georgia,serif;}
.section h2{font:normal 5.8vw/1.08 Georgia,serif;}
.intro{font:normal 3.2vw/1.36 Georgia,serif;}
.feature-copy h2{font:normal 7vw/1 Georgia,serif;}
.city-hero h1{font-size:10vw;}
.article h1{font:normal 7vw/1.1 Georgia,serif;}
.italy-hero h1{font:normal 8vw/.96 Georgia,serif;}
.italy-hero p{font:normal 2.6vw/1.25 Georgia,serif;}
.manifesto-grid h2{font-size:5vw;}
.manifesto-grid .intro{font-size:2.4vw;}
.section-landing h1{font:normal 8vw/1.1 Georgia,serif;}
.ip-story-head h1{font:normal 7vw/1.04 Georgia,serif;}
.ip-story-subtitle{font:normal 2.6vw/1.3 Georgia,serif;}
.ip-story-hero{height:67vw;}
.ip-story-copy .ip-story-lead{font-size:2.5vw;}
.ip-map-page h1{font:normal 7vw Georgia,serif;}
.section-landing .intro{font-size:2.3vw;}
.ip31-map-intro h1{font:normal 6vw/1.1 Georgia,serif;}
.ip31-map-shell{height:73vh;}
.ip31-sector-map h2{font:normal 4vw Georgia,serif;}
.ip311-sector-intro h1{font:normal 8vw/1.02 Georgia,serif;}
.ip311-intro-bottom p{font:normal 2.6vw/1.35 Georgia,serif;}
.ip311-photo-overlay{padding:4vw;}
.ip311-photo-overlay strong{font:normal 4vw/1.1 Georgia,serif;}
.ip311-map-heading h2{font:normal 5vw/1.1 Georgia,serif;}
@media (max-width:760px){.ip311-sector-intro h1{font-size:12vw;}}
.ip311-mobile-caption h2{font:normal 2vw/1.2 Georgia,serif;}
.ip311-photo-overlay strong{font-size:3vw;}
.ip-story-head .ip-story-subtitle{font:normal 1.8vw/1.45 Georgia,serif;}
.ip-story-copy .ip-story-text p{font:normal 1.8vw/1.75 Georgia,serif;}
@media (max-width:760px){.ip31-map-intro h1{font-size:9vw;}}
.ip-web-hero h1{font:normal 8vw/.99 Georgia,serif;}
.ip-web-lead{font:normal 2.3vw/1.4 Georgia,serif;}
.ip-web-section h2{font:normal 5vw/1.1 Georgia,serif;}
.ip-web-demo-art strong{font:normal 6vw/1 Georgia,serif;}
.ip330-gallery.ip330-list .ip311-mobile-caption h2{font-size:2vw;}
@media (max-width:760px){.page-template-page-venezia #esplora .visual-tile h3{font-size:4vw;}}
.page-template-page-cortina #esplora .ip-cortina-category-button h3{font:normal 3vw/1.14 Georgia,serif;}
.ip349-category-button h3{font:normal 3vw/1.1 Georgia,serif;}
.header .logo img{width:19vw;}
.ip-project-hero h1{font-size:7.4vw;}
.ip-project h2{font-size:5.2vw;}
.ip-project-prose .ip-project-lead{font:2.5vw/1.43 Georgia,serif;}
.ip-project-statement p{font:5vw/1.18 Georgia,serif;}
.ip-contact-hero{padding:18vw 0 110px;}
.ip-contact-hero h1{font:normal 7.2vw/1.04 Georgia,serif;}
.ip-contact-lead{font:normal 2.8vw/1.3 Georgia,serif;}
.ip-contact-method a{font:normal 3.2vw/1.25 Georgia,serif;}
.ip404-content{padding:150px 6vw 95px;}
.ip404 h1{font:normal 5.2vw/1.06 Georgia,serif;}
.ip404-subtitle{font:italic 3vw/1.2 Georgia,serif;}
.ip374-selection-banner{padding:30px 4vw;}
.ip374-selection-banner h2{font:normal 3.3vw/1.1 Georgia,serif;}
@media  (min-width:751px) and (max-width:1024px) {.feature-copy h2 {font-size:8vw;}}
.ip373-intro h2{font:normal 5vw/1.1 Georgia,serif;}
.ip373-copy h3{font:normal 3vw/1.2 Georgia,serif;}
.ip373-item{gap:4vw;}
.ip373-copy:has(.ip373-video){column-gap:3vw;}
@media (max-width:700px){.ip373-copy .ip373-video{width:320px;}}
/* Width min() fallback must also enforce the pixel cap. */
.wrap{width:90%;max-width:1280px}
/* Width without aspect-ratio: older Safari must retain an explicit image box. */
.tile-photo{height:250px}
.ip349-featured-img{height:260px}
.ip349-featured-placeholder{height:260px}
.ip311-gallery-photo{height:280px}
.ip375-reel{height:auto;min-height:200px}
.ip376-frame{min-height:260px}
/* The navigation and column gaps are not supported on legacy flexbox. */
.nav>a+a{margin-left:20px}
.ip373-socials>*+*{margin-left:14px}
/* Prevent sideways content from producing a virtual canvas beyond the viewport. */
html,body{max-width:100%;overflow-x:hidden}
.wrap,.feature,.feature-copy,.city-hero,.hero,.section{min-width:0}
@media (min-width:751px) and (max-width:1024px){
  .feature{display:block}
  .feature-photo,.feature-copy{width:100%;min-width:0}
  .feature-copy{padding:42px 6% 55px}
  .feature-copy h2{font-size:60px}
}
}


/* IP 3.8.6 — Logo Safari 12. CRITICAL: fixed-pixel baseline MUST exist
   outside @supports: Safari 12 ignores width:clamp(...) and otherwise uses
   intrinsic 2048px image width, pushing navigation and clipping the page.
   Keep modern visual sizing unchanged by overriding in supported browsers. */
.header .logo img,
.header .logo .ip361-logo-white,
.header .logo .ip361-logo-dark {
  width:220px;
  max-width:100%;
  height:auto;
}
@supports (width: clamp(185px, 19vw, 260px)) {
  .header .logo img,
  .header .logo .ip361-logo-white,
  .header .logo .ip361-logo-dark {
    width:clamp(185px,19vw,260px);
  }
}
@media (max-width:760px) {
  .header .logo img,
  .header .logo .ip361-logo-white,
  .header .logo .ip361-logo-dark {width:190px;}
}
@media (max-width:400px) {
  .header .logo img,
  .header .logo .ip361-logo-white,
  .header .logo .ip361-logo-dark {width:170px;}
}