/* Shared proportions for the four area headers. */
@media(min-width:801px){
.page-hero:is(.studio-editorial,.session-editorial,.rooms-editorial,.digital-editorial){box-sizing:border-box;height:clamp(560px,42vw,680px)!important;min-height:0!important;padding-top:28px!important;padding-bottom:28px!important}
:is(.studio-editorial-copy,.session-editorial-copy,.rooms-editorial-copy,.digital-copy){box-sizing:border-box;padding:0!important}
:is(.studio-editorial-copy,.session-editorial-copy,.rooms-editorial-copy){margin-left:5%!important;width:40%!important}
:is(.studio-editorial-copy,.session-editorial-copy,.rooms-editorial-copy,.digital-copy) h1{font-size:clamp(58px,6.2vw,112px)!important;line-height:.94!important;margin:18px 0!important}
:is(.studio-editorial-copy,.session-editorial-copy,.rooms-editorial-copy,.digital-copy) p{font-size:clamp(16px,1.2vw,21px)!important;line-height:1.45!important;margin:0 0 18px!important}
:is(.studio-editorial-copy,.session-editorial-copy,.rooms-editorial-copy,.digital-copy) .kicker{font-size:12px!important;letter-spacing:.14em}
.studio-disciplines{margin-top:22px!important;gap:10px}.studio-disciplines strong{font-size:14px}.studio-disciplines span{font-size:11px}
.page-hero.digital-editorial{align-items:center!important}.digital-editorial .project-stage{height:clamp(210px,20vw,320px);aspect-ratio:auto;margin-bottom:10px}.digital-editorial .project-reference-label{font-size:10px;margin:0 0 8px}.digital-editorial .project-controls{margin-bottom:12px;padding-bottom:10px}.digital-editorial .project-thumbs button{flex-basis:64px}.digital-editorial .project-thumbs span{display:none}.digital-editorial .project-caption h2{font-size:23px;margin:0 0 6px}.digital-editorial .project-caption p{font-size:14px}.digital-editorial .project-role{font-size:11px;margin-top:6px}.digital-editorial .project-open{font-size:13px}
}
@media(max-width:800px){
.page-hero:is(.studio-editorial,.session-editorial,.rooms-editorial,.digital-editorial){box-sizing:border-box;height:760px!important;min-height:0!important;padding:0!important;display:block!important}
:is(.studio-editorial-copy,.session-editorial-copy,.rooms-editorial-copy,.digital-copy){width:88%!important;margin:0 6%!important;padding:30px 0 0!important}
:is(.studio-editorial-copy,.session-editorial-copy,.rooms-editorial-copy,.digital-copy) h1{font-size:clamp(44px,11vw,76px)!important;line-height:.94!important;margin:18px 0!important}
:is(.studio-editorial-copy,.session-editorial-copy,.rooms-editorial-copy,.digital-copy) p{font-size:16px!important;line-height:1.45!important;margin-bottom:16px!important}
:is(.studio-editorial-photo,.session-editorial-photo,.rooms-editorial-photo){inset:0!important;pointer-events:none}
:is(.studio-editorial-photo,.session-editorial-photo,.rooms-editorial-photo) img{position:absolute!important;bottom:0!important;height:250px!important;width:100%!important;object-fit:cover!important;object-position:right center!important;mask-image:linear-gradient(to top,#000 78%,transparent)!important;-webkit-mask-image:linear-gradient(to top,#000 78%,transparent)!important}
.studio-disciplines{margin-top:18px!important}.studio-disciplines strong{font-size:13px}.studio-disciplines span{font-size:11px}
.digital-editorial .project-viewer{margin:20px 6% 0;width:88%}.digital-editorial .project-stage{height:190px;aspect-ratio:auto;margin:0}.digital-editorial .project-reference-label{font-size:9px;margin:0}.digital-editorial .project-controls{margin:0 0 10px;padding:0;flex-wrap:nowrap;gap:8px}.digital-editorial .project-thumbs{flex-basis:0}.digital-editorial .project-thumbs button{flex-basis:48px}.digital-editorial .project-thumbs span{display:none}.digital-editorial .project-caption h2{font-size:20px}.digital-editorial .project-caption p{font-size:12px;line-height:1.3}.digital-editorial .project-role{font-size:10px;margin:4px 0}.digital-editorial .project-caption{gap:8px}.digital-editorial .project-open{font-size:12px}
}
/* Keep reference screenshots proportional inside the shorter hero stage. */
.digital-editorial .project-stage{container-type:size;flex-shrink:0}
.digital-editorial .project-window{inset:50% auto auto 50%;width:min(74cqw,125cqh);height:auto;aspect-ratio:1.6;margin-left:calc(min(74cqw,125cqh) / -2);margin-top:calc(min(74cqw,125cqh) / -3.2)}
.digital-editorial .project-window>img{width:100%;height:100%;object-fit:cover;object-position:top;aspect-ratio:1.6}

/* Let the mobile photo headers grow with their text instead of leaving a fixed void. */
@media(max-width:800px){
 .page-hero:is(.session-editorial,.rooms-editorial){height:auto!important;min-height:0!important}
 :is(.session-editorial-copy,.rooms-editorial-copy){padding-bottom:280px!important}
 :is(.session-editorial-photo,.rooms-editorial-photo) img{height:300px!important}
}