/* Selected cinematic portfolio. Scope all surfaces to this page. */
body.glass-site:not(:has(#page-markets)) #page-portfolio{--ink:#0b2030;--muted:#54606a;--line:#dcd7ca;background:#faf7ef;color:var(--ink)}
body[data-page=portfolio] .announcement{display:none}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-cinema{position:relative;isolation:isolate;overflow:hidden;background:#0a1823;color:#fff8ee;min-height:520px;height:clamp(510px,40vw,668px)}
#page-portfolio .portfolio-cinema-media{position:absolute;inset:0;z-index:-2;display:block}
#page-portfolio .portfolio-cinema-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 54%}
#page-portfolio .portfolio-cinema::before{position:absolute;inset:0;content:'';background:#06111c24;pointer-events:none;z-index:-1}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-cinema-content{height:100%;width:min(1460px,calc(100% - 12.8%));display:flex;flex-direction:column;justify-content:space-between;padding:68px 0 32px;position:relative}
#page-portfolio .portfolio-cinema-copy{max-width:760px}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-cinema .eyebrow{font-size:13px;line-height:1.5;letter-spacing:.12em;color:#ebc77f;margin-bottom:26px}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-cinema h1{font:400 clamp(62px,5.8vw,98px)/1.02 var(--display);letter-spacing:-.055em;margin:0 0 24px;color:#fff8ee;text-shadow:0 2px 30px #0003}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-cinema-copy>p{font-size:clamp(16px,1.35vw,22px);line-height:1.6;color:#edf0f1;margin:0 0 26px;max-width:650px;text-shadow:0 1px 12px #0007}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-cinema .btn{gap:28px;min-height:60px;padding:18px 32px;font-size:18px}
#page-portfolio .portfolio-cinema .btn .ui-icon{transform:rotate(90deg)}
#page-portfolio .portfolio-cinema-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:32px}
#page-portfolio .portfolio-filmstrip{width:390px;max-width:40%}
#page-portfolio .portfolio-thumbnails{display:flex;gap:10px}
#page-portfolio .portfolio-thumbnail{display:block;position:relative;width:50%;height:76px;border:2px solid #fff5;border-radius:7px;background:#0b1d2d;padding:2px;opacity:.76;overflow:hidden;transition:opacity .2s,border-color .2s}
#page-portfolio .portfolio-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;border-radius:3px}
#page-portfolio .portfolio-thumbnail[aria-pressed=true]{border-color:#e1bb70;opacity:1}
#page-portfolio .portfolio-thumbnail:hover{opacity:1}
#page-portfolio .portfolio-slide-track{height:3px;background:#ffffff3b;margin-top:14px}
#page-portfolio .portfolio-slide-track>span{display:block;width:50%;height:100%;background:#e1bb70;transition:transform .25s}
#page-portfolio .portfolio-cinema[data-slide="1"] .portfolio-slide-track>span{transform:translateX(100%)}
#page-portfolio .portfolio-cinema[data-slide="1"]::before{background:#06111c65}
#page-portfolio .portfolio-feature-caption{display:flex;align-items:center;justify-content:space-between;gap:28px;width:430px;max-width:48%;padding:18px 22px;border:1px solid #ffffff42;border-radius:8px;background:#10202b9e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 28px #0002}
#page-portfolio .portfolio-feature-text{display:grid;gap:4px;min-width:0}
#page-portfolio .portfolio-feature-text strong{font-size:17px;line-height:1.3;font-weight:550;color:#fff9f0}
#page-portfolio .portfolio-feature-text>span{font-size:13px;line-height:1.5;color:#e2e8ec}
#page-portfolio .portfolio-feature-link{display:inline-flex;align-items:center;gap:9px;justify-self:start;font-size:14px;line-height:1.5;color:#ebc77f;text-decoration:none}
#page-portfolio .portfolio-feature-link:hover{text-decoration:underline;text-underline-offset:4px}
#page-portfolio .portfolio-feature-text>small{font-size:10px;line-height:1.5;color:#e1e6e8}
#page-portfolio .portfolio-slide-controls{display:flex;gap:10px;flex-shrink:0}
#page-portfolio .portfolio-slide-controls button{border:1px solid #fff6;border-radius:50%;display:grid;place-items:center;width:44px;height:44px;padding:0;background:#ffffff08;color:#ebc77f}
#page-portfolio .portfolio-slide-controls button:hover{background:#ffffff24}
#page-portfolio .portfolio-slide-controls [data-hero-step="-1"] .ui-icon{transform:rotate(180deg)}
#page-portfolio .portfolio-cinema :is(a,button):focus-visible{outline:3px solid #ffdf91;outline-offset:5px}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-full{background:#faf7ef;padding:24px 0 80px;scroll-margin-top:110px}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-full>.container{width:min(1460px,calc(100% - 12.8%))}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-list-heading{margin-bottom:10px;gap:20px}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-list-heading .eyebrow{color:#967027;font-size:11px;margin-bottom:10px}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-full :is(h2,h3){color:#102334}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-full .section-title{font-size:clamp(34px,3.6vw,58px);letter-spacing:-.055em;line-height:1.12;margin:0}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-full :is(.note,.asset-location,.asset-story,.asset-acquired,.asset-sold,.returns-basis,.returns-explanation,.portfolio-empty p),body.glass-site:not(:has(#page-markets)) #page-portfolio #asset-count{color:#5c646a}
body.glass-site:not(:has(#page-markets)) #page-portfolio .filter{font:500 13px/1.4 var(--body);text-transform:none;letter-spacing:0;background:#fffaf1;border:1px solid #c9c2b5;color:#172a39;border-radius:8px;min-height:46px;padding:12px 20px}
body.glass-site:not(:has(#page-markets)) #page-portfolio .filter.active,body.glass-site:not(:has(#page-markets)) #page-portfolio .filter:hover{background:#c9a45c;color:#0b2030;border-color:#b48c43}
body.glass-site:not(:has(#page-markets)) #page-portfolio .filter-count{color:inherit}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-refinements label{color:#5c646a}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-refinements select{background:#fffdf8;color:#172a39;border-color:#c9c2b5}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-refinements>div::after{background:#172a39}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-full .text-link{color:#73551d}
body.glass-site:not(:has(#page-markets)) #page-portfolio .asset{background:#fffdf8;border:1px solid #ddd7cb;box-shadow:0 6px 20px #3b352208;color:#102334}
body.glass-site:not(:has(#page-markets)) #page-portfolio .asset-info{background:#fffdf8}
body.glass-site:not(:has(#page-markets)) #page-portfolio .asset :is(.asset-footer,.asset-returns){border-color:#ddd7cb}
body.glass-site:not(:has(#page-markets)) #page-portfolio .asset :is(.asset-footer,.asset-footer b){color:#172a39}
body.glass-site:not(:has(#page-markets)) #page-portfolio .asset :is(.asset-open,.returns-heading){color:#795b25}
body.glass-site:not(:has(#page-markets)) #page-portfolio .asset .asset-returns{background:#f7f1e5}
body.glass-site:not(:has(#page-markets)) #page-portfolio .asset .returns-grid strong{color:#172a39}
body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-empty{background:#fffdf8;border-color:#ddd7cb}
#page-portfolio .portfolio-full :is(a,button,select):focus-visible{outline:3px solid #8e6c2a;outline-offset:4px}
@media(max-width:1100px){
 body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-cinema-content{padding-top:48px}
 #page-portfolio .portfolio-filmstrip{width:300px}
 #page-portfolio .portfolio-feature-caption{padding:14px 16px;gap:18px}
 #page-portfolio .portfolio-feature-text strong{font-size:16px}
 #page-portfolio .portfolio-feature-text>span{font-size:12px}
}
@media(max-width:850px){
 body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-cinema{height:auto;min-height:550px}
 body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-cinema-content{width:calc(100% - 48px);padding:44px 0 24px;min-height:550px}
 body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-cinema h1{font-size:clamp(54px,7.2vw,64px)}
 #page-portfolio .portfolio-feature-caption{max-width:56%;width:370px;gap:14px}
 #page-portfolio .portfolio-filmstrip{max-width:36%;width:230px}
 #page-portfolio .portfolio-thumbnail{height:68px}
 #page-portfolio .portfolio-slide-controls{gap:6px}
 #page-portfolio .portfolio-slide-controls button{width:44px;height:44px}
 body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-full>.container{width:calc(100% - 48px)}
}
@media(max-width:560px){
 body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-cinema{min-height:0;height:auto}
 #page-portfolio .portfolio-cinema-media img{object-position:66% 50%}
 #page-portfolio .portfolio-cinema::before{background:#0715225c}
 body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-cinema-content{width:calc(100% - 36px);min-height:0;padding:34px 0 22px}
 body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-cinema .eyebrow{font-size:10px;margin-bottom:18px}
 body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-cinema h1{font-size:clamp(43px,11.5vw,60px);line-height:1.04;letter-spacing:-.045em;margin-bottom:18px}
 body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-cinema-copy>p{font-size:15px;line-height:1.6;max-width:290px;margin-bottom:20px}
 body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-cinema .btn{font-size:13px;min-height:48px;padding:13px 18px;gap:24px}
 #page-portfolio .portfolio-cinema-bottom{flex-direction:column;align-items:stretch;gap:16px;margin-top:50px}
 #page-portfolio .portfolio-filmstrip{width:180px;max-width:none}
 #page-portfolio .portfolio-thumbnail{height:49px}
 #page-portfolio .portfolio-slide-track{margin-top:8px;height:2px}
 #page-portfolio .portfolio-feature-caption{width:100%;max-width:none;padding:13px 14px;gap:12px}
 #page-portfolio .portfolio-feature-text strong{font-size:15px}
 #page-portfolio .portfolio-feature-text>span{font-size:11px}
 #page-portfolio .portfolio-feature-link{font-size:12px}
 #page-portfolio .portfolio-feature-text>small{font-size:10px}
 #page-portfolio .portfolio-slide-controls button{width:44px;height:44px}
 body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-full{padding-top:22px;scroll-margin-top:72px}
 body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-full>.container{width:calc(100% - 36px)}
 body.glass-site:not(:has(#page-markets)) #page-portfolio .portfolio-list-heading{margin-bottom:14px}
 body.glass-site:not(:has(#page-markets)) #page-portfolio .filter{font-size:11px;padding:10px 12px;min-height:42px}
}
@media(prefers-reduced-motion:reduce){#page-portfolio .portfolio-slide-track>span,#page-portfolio .portfolio-thumbnail{transition:none}}

body.glass-site:not(:has(#page-markets)) #page-portfolio .asset .asset-returns :is(p,span){color:#53606a}
body.glass-site:not(:has(#page-markets)) #page-portfolio .asset .asset-returns .returns-heading{color:#795b25}