/* Shared opening template, measured from Projects. Home keeps its cinema motion. */
:root{--opening-inset:32px;--opening-bottom:64px;--opening-ratio:16/9;--opening-phone-height:620px;--opening-radius:28px;--opening-leading:.87}
[data-ag-opening=standard]:not(.home-cinema-window):not(.work-cinema-window):not(#opening-a):not(#opening-b):not(#opening-c){position:relative!important;box-sizing:border-box;width:calc(100% - var(--gutter)*2)!important;max-width:1552px!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:var(--opening-ratio)!important;margin:18px auto 0!important;border-radius:var(--opening-radius)!important;overflow:hidden;padding:0!important}
[data-ag-opening-role=copy]:not(#opening-a):not(#opening-b):not(#opening-c){position:absolute!important;left:var(--opening-inset)!important;right:var(--opening-inset)!important;top:auto!important;bottom:var(--opening-bottom)!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;z-index:2;text-align:left!important}
[data-ag-opening-role=label]:not(#opening-a):not(#opening-b):not(#opening-c):not(#opening-d){position:absolute!important;left:var(--opening-inset)!important;top:var(--opening-inset)!important;bottom:auto!important;right:auto!important;font-family:'Satoshi Bold','Satoshi',Arial,sans-serif!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.08em!important;text-transform:uppercase;margin:0!important;padding:0!important;z-index:3}
[data-ag-opening-role=title]:not(#opening-a):not(#opening-b):not(#opening-c){position:static!important;font-size:var(--pill-opening-title,clamp(72px,8.7vw,132px))!important;line-height:var(--opening-leading)!important;letter-spacing:-.02em!important;max-width:10em!important;margin:0!important;padding:0!important;text-wrap:initial!important}
[data-ag-opening-role=body]:not(#opening-a):not(#opening-b):not(#opening-c){font-size:var(--pill-body,18px)!important;line-height:1.6!important;max-width:540px!important;margin:24px 0 0!important;padding:0!important}
[data-ag-opening-role=actions]:not(#opening-a):not(#opening-b):not(#opening-c){margin-top:24px!important}
.ag-news-banner[data-ag-opening=standard]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:600px){
 :root{--opening-inset:24px;--opening-bottom:80px;--opening-radius:20px}
 [data-ag-opening=standard]:not(.home-cinema-window):not(.work-cinema-window):not(#opening-a):not(#opening-b):not(#opening-c){aspect-ratio:auto!important;height:var(--opening-phone-height)!important;min-height:var(--opening-phone-height)!important;margin-top:12px!important}
 [data-ag-opening-role=title]:not(#opening-a):not(#opening-b):not(#opening-c){max-width:100%!important}
 html body[data-page] main .home-video-controls{bottom:var(--opening-bottom)!important}
}
@media(max-width:900px){[data-ag-opening-role=title]:not(#opening-a):not(#opening-b):not(#opening-c){font-size:var(--pill-opening-title,clamp(60px,8.7vw,78px))!important}}
@media(max-width:600px){
 [data-ag-opening-role=title]:not(#opening-a):not(#opening-b):not(#opening-c){font-size:var(--pill-opening-title,clamp(46px,13vw,60px))!important}
 [data-ag-opening-role=body]:not(#opening-a):not(#opening-b):not(#opening-c){font-size:var(--pill-body,16px)!important}
}

/* The corner label's animated text fragments must inherit the same real Bold face. */
html body[data-page] [data-ag-opening-role=label]:not(#opening-a):not(#opening-b):not(#opening-c):not(#opening-d),html body[data-page] [data-ag-opening-role=label] *:not(#opening-a):not(#opening-b):not(#opening-c):not(#opening-d){font-family:"Satoshi Bold","Satoshi",Arial,sans-serif!important;font-weight:700!important}
/* Diagonal spread traced from the supplied shaded/unshaded pair. Feather the edge, not the media. */
.ag-opening-shade{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;background:none;opacity:1;animation:none}
.ag-opening-shade::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221552%22%20height%3D%22873%22%20viewBox%3D%220%200%201552%20873%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-600%22%20y%3D%22-600%22%20width%3D%222800%22%20height%3D%222200%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22120%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-50%20-500%20C%20-11.666666666666664%20-416.6666666666667%20137%20-93.33333333333333%20180%200%20C%20223%2093.33333333333333%20195.33333333333334%2033.33333333333333%20208%2060%20C%20220.66666666666666%2086.66666666666667%20243.5%20133.33333333333334%20256%20160%20C%20268.5%20186.66666666666666%20267.3333333333333%20190%20283%20220%20C%20298.6666666666667%20250%20318%20310%20350%20340%20C%20382%20370%20438.1666666666667%20380%20475%20400%20C%20511.8333333333333%20420%20537.5%20440%20571%20460%20C%20604.5%20480%20645.5%20500%20676%20520%20C%20706.5%20540%20735%20560%20754%20580%20C%20773%20600%20780%20620%20790%20640%20C%20800%20660%20807%20680%20814%20700%20C%20821%20720%20827%20740%20832%20760%20C%20837%20780%20842%20801.1666666666666%20844%20820%20C%20846%20838.8333333333334%20843%20780.8333333333334%20844%20873%20C%20845%20965.1666666666666%20849%201289.6666666666667%20850%201373%20L%20-600%201373%20L%20-600%20-500%20Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.576%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E");background-size:100% 100%;background-repeat:no-repeat;filter:none}
@media(max-width:600px){.ag-opening-shade::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221552%22%20height%3D%22873%22%20viewBox%3D%220%200%201552%20873%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20filterUnits%3D%22userSpaceOnUse%22%20x%3D%22-600%22%20y%3D%22-600%22%20width%3D%222800%22%20height%3D%222200%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22180%20110%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-50%20-500%20C%20-11.666666666666664%20-416.6666666666667%20137%20-93.33333333333333%20180%200%20C%20223%2093.33333333333333%20195.33333333333334%2033.33333333333333%20208%2060%20C%20220.66666666666666%2086.66666666666667%20243.5%20133.33333333333334%20256%20160%20C%20268.5%20186.66666666666666%20267.3333333333333%20190%20283%20220%20C%20298.6666666666667%20250%20318%20310%20350%20340%20C%20382%20370%20438.1666666666667%20380%20475%20400%20C%20511.8333333333333%20420%20537.5%20440%20571%20460%20C%20604.5%20480%20645.5%20500%20676%20520%20C%20706.5%20540%20735%20560%20754%20580%20C%20773%20600%20780%20620%20790%20640%20C%20800%20660%20807%20680%20814%20700%20C%20821%20720%20827%20740%20832%20760%20C%20837%20780%20842%20801.1666666666666%20844%20820%20C%20846%20838.8333333333334%20843%20780.8333333333334%20844%20873%20C%20845%20965.1666666666666%20849%201289.6666666666667%20850%201373%20L%20-600%201373%20L%20-600%20-500%20Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.576%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E")}}

/* Compact News keeps its title above the shared shade. */
.ag-news-banner{isolation:isolate}
.ag-news-banner>img{z-index:0}
.ag-news-banner>#news-banner-title{position:relative;z-index:2!important}

/* News shares the opening headline type scale while keeping its compact frame. */
.ag-news-banner>#news-banner-title{font-size:var(--pill-opening-title,clamp(72px,8.7vw,132px))!important;line-height:var(--opening-leading,.82)!important;letter-spacing:-.02em!important}
@media(max-width:900px){.ag-news-banner>#news-banner-title{font-size:var(--pill-opening-title,clamp(60px,8.7vw,78px))!important}}
@media(max-width:600px){.ag-news-banner>#news-banner-title{font-size:var(--pill-opening-title,clamp(46px,13vw,60px))!important}}

/* Services preserves three explicit, flush-left headline lines. */
html body[data-page=services] .services-display-line{display:block;position:static!important;transform:none!important;margin:0!important;padding:0!important;text-indent:0!important;text-align:left!important}

/* V175: every opening begins at the Demo / Projects responsive top anchor. */
html body[data-page] [data-ag-opening=standard]:not(.home-cinema-window):not(.work-cinema-window):not(#opening-a):not(#opening-b):not(#opening-c):not(#opening-start){margin-top:var(--ag-panel-gap,48px)!important}

/* V182: the Projects overview opening film is explicitly unshaded. Project detail panels keep their gradients. */
html body[data-page=work] .work-cinema-window>.ag-opening-shade,html body[data-page=work] .work-cinema-window>.work-intro-shade,html body[data-page=work] .work-cinema-window .work-intro-art::before,html body[data-page=work] .work-cinema-window .work-intro-art::after{display:none!important}