/* Review v2: the layout and copy stay; images share one stable pixel treatment. */
:root{--gutter:clamp(24px,5.6vw,96px)}
.paper-atmosphere,.page-atmosphere,.platform-atmosphere{display:none!important}
[data-site-art]>img,[data-site-art]>.site-art-tones{animation:none!important;transform:none!important;filter:none!important}
[data-site-art]>.site-art-tones{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;pointer-events:none;z-index:1}
[data-site-art].site-art-ready>.site-art-tones{opacity:1!important}
[data-site-art].site-art-ready>img{visibility:hidden!important}
.hero-art:after,.page-hero__art:before,.page-hero__art:after,.page-hero:before,.page-hero:after{display:none!important}
.hero-art,.page-hero__art{background:transparent!important}
.subpage .page-hero__art{z-index:0!important}
.subpage .page-hero__copy{position:relative;z-index:4!important}
.hero-art{right:0!important}
.subpage .page-hero__art img{opacity:1!important}
.subpage .page-hero__art{mask-image:linear-gradient(90deg,transparent,#000 26%),linear-gradient(to bottom,transparent,#000 14%,#000 88%,transparent)!important;mask-composite:intersect!important}
.subpage .page-hero__art[data-art-asset="tower"],.subpage .page-hero__art[data-art-asset="loggia"]{mask-image:linear-gradient(90deg,transparent,#000 48%),linear-gradient(to bottom,transparent,#000 20%,#000 85%,transparent)!important}
.subpage .page-hero__art[data-art-asset="knight"] img{object-position:100% 50%!important}
.subpage .page-hero__art[data-art-asset="knight"],.subpage .page-hero__art[data-art-asset="portrait"]{left:0!important;right:0!important;width:100%!important}
.subpage .page-hero__art[data-art-asset="portrait"] img{object-position:100% 50%!important}
.subpage .page-hero__art[data-art-asset="portrait"]{mask-image:linear-gradient(90deg,transparent,transparent 12%,#000 60%),linear-gradient(to bottom,transparent,#000 14%,#000 88%,transparent)!important}
.subpage .page-hero__art[data-art-asset="loggia"] img{object-position:20% 50%!important}
.subpage .page-hero__art[data-art-asset="bridge"] img{object-position:25% 50%!important}
.subpage .page-hero--work{display:block!important;position:relative!important}
.subpage .page-hero--work .page-hero__art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.subpage .page-hero--work .page-hero__copy{width:85%!important;max-width:940px;padding:40px 0 100px!important}
.subpage .page-hero--work h1{max-width:13ch!important}
.subpage .page-hero--work .page-hero__copy>p{max-width:540px}
.page-hero__art .hero-film-button{z-index:5;left:var(--gutter);right:auto;bottom:7%;background:var(--paper);color:var(--ink);border:1px solid var(--rule);backdrop-filter:none}
.architecture[data-site-art]{isolation:isolate}
.architecture[data-site-art]:after{z-index:2}
.architecture[data-site-art]>p{z-index:3}
.footer-art[data-site-art]>.site-art-tones{mask-image:none}
@media(min-width:701px){
 .subpage .page-hero__art[data-art-asset="loggia"],.subpage .page-hero__art[data-art-asset="bridge"]{left:42%!important;right:0!important;width:58%!important;top:140px!important;height:calc(100% - 140px)!important;bottom:0!important}
}
@media(min-width:701px) and (max-width:1100px){
 :root{--gutter:40px}
 .masthead{left:var(--gutter)!important;right:var(--gutter)!important}
}
@media(max-width:700px){
 :root{--gutter:24px}
 .masthead{left:var(--gutter)!important;right:var(--gutter)!important}
 .menu-is-open .masthead{right:calc(var(--gutter) + var(--menu-scrollbar,0px))!important}
 .subpage #main{padding-top:100px!important}
 .subpage .page-hero__copy{padding-top:40px!important;justify-content:flex-start!important}
 .subpage .page-hero__art{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent)!important;mask-composite:intersect!important}
 .subpage .page-hero__art[data-art-asset="tower"],.subpage .page-hero__art[data-art-asset="loggia"]{mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 80%,transparent)!important}
 .page-hero__art .hero-film-button{bottom:4%;font-size:14px;padding:10px 12px}
 .subpage .page-hero:has(.art-v2-portrait,.art-v2-knight){display:flex!important;flex-direction:column;min-height:0!important;padding-bottom:0}
 .subpage .page-hero:has(.art-v2-portrait,.art-v2-knight) .page-hero__copy{width:100%!important;min-height:0!important;max-width:none;padding:40px 0 0!important}
 .subpage .page-hero:has(.art-v2-portrait,.art-v2-knight) .page-hero__art{position:relative!important;inset:auto!important;width:calc(100% + 48px)!important;height:350px!important;min-height:350px;margin:32px -24px 0;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 88%,transparent)!important}
 .subpage .page-hero:has(.art-v2-portrait,.art-v2-knight) .page-hero__art img{object-position:100% 45%!important}
 .subpage .page-hero:has(.art-v2-tower,.art-v2-bridge,.art-v2-loggia){display:flex!important;flex-direction:column;min-height:0!important;padding-bottom:0}
 .subpage .page-hero:has(.art-v2-tower,.art-v2-bridge,.art-v2-loggia) .page-hero__copy{width:100%!important;min-height:0!important;max-width:none;padding:40px 0 0!important}
 .subpage .page-hero:has(.art-v2-tower,.art-v2-bridge,.art-v2-loggia) h1{max-width:none!important}
 .subpage .page-hero:has(.art-v2-tower,.art-v2-bridge,.art-v2-loggia) .page-hero__art{position:relative!important;inset:auto!important;width:calc(100% + 48px)!important;height:280px!important;min-height:280px;margin:28px -24px 0;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 88%,transparent)!important}
 .subpage .page-hero:has(.art-v2-tower) .page-hero__art img{object-position:100% 50%!important}
}
@media(max-width:360px){:root{--gutter:20px}.masthead .masthead-logo,.masthead.is-compact .masthead-logo{width:120px}.masthead .masthead-logo img{width:118px}.masthead .masthead-toggle{width:70px}}
@media(prefers-reduced-motion:reduce){[data-site-art]{animation:none!important}}
/* The same drifting paper field behind each hero; body/footer stay static. */
.hero-scene,.page-hero{isolation:isolate}
.site-hero-field{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;pointer-events:none!important;z-index:-1!important}
.hero-scene>.site-hero-field,.page-hero>.site-hero-field{top:calc(-1 * var(--art-header-space,0px))!important;height:calc(100% + var(--art-header-space,0px))!important}