/* Full application proof follows the three feature films. */
.tracking-section{width:calc(100% - 108px);margin-inline:auto;position:relative;padding-top:80px;padding-bottom:64px;scroll-margin-top:calc(108px - var(--header-clearance,0px));isolation:isolate}
.tracking-intro{max-width:820px;text-align:center;margin:0 auto 30px}
.tracking-intro .section-eyebrow{color:#617066}
.tracking-intro h2{font-size:clamp(40px,4.2vw,56px);font-weight:500;line-height:1.08;letter-spacing:-.05em;margin:18px 0 22px;color:#1f1f1f;text-wrap:balance}
.tracking-intro .section-lead{max-width:685px;margin:0 auto;font-size:18px;line-height:1.6;color:#66716b;text-wrap:balance}
.tracking-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}
.tracking-tabs{display:inline-flex;gap:4px;padding:4px;background:#eef1ee;border:1px solid #e1e6e1;border-radius:999px}
.tracking-tabs button{min-height:44px;padding:10px 22px;border-radius:999px;font:500 14px/1.4 Figtree,Arial,sans-serif;color:#657068;background:transparent;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.tracking-tabs button[aria-selected=true]{background:#fff;color:#1f1f1f;box-shadow:0 1px 5px #1d2b2214}
.tracking-tabs button:hover{color:#1f1f1f}
.tracking-context{color:#68756d;font-size:12px;line-height:1.5;text-align:right}
.tracking-stage{position:relative;border:1px solid #d6ded8;border-radius:18px;background:#fff;box-shadow:0 38px 86px -48px #1f352b55,0 2px 5px #1f352b06;transform-origin:50% 15%;overflow:hidden}
.tracking-panel[hidden]{display:none}
.tracking-panel:focus-visible,.tracking-tabs button:focus-visible,.tracking-start:focus-visible{outline:2px solid #354d3c;outline-offset:4px}
.tracking-panel:focus-visible{outline-offset:-3px}
.tracking-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px}
.tracking-foot>p{font-size:15px;line-height:1.5;color:#394a3e}
.tracking-foot small{display:block;margin-top:6px;color:#768178;font-size:11px}
.tracking-start{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;padding:12px 20px;border-radius:9px;background:#1f1f1f;color:#fff;font-size:14px;font-weight:500;flex:none;transition:background .18s}
.tracking-start:hover{background:#34483a}.tracking-start svg{height:19px;width:19px}
[data-tracking-reveal=pending]{opacity:0;transform:translateY(32px)}
@media(max-width:1100px){.tracking-section{width:calc(100% - 72px);margin-inline:auto}}
@media(max-width:850px){.tracking-section{padding-top:80px;padding-bottom:76px}.tracking-intro{margin-bottom:30px}.tracking-intro h2{font-size:46px}.tracking-intro .section-lead{font-size:17px}.tracking-controls{flex-direction:column;gap:12px}.tracking-context{text-align:center}}
@media(max-width:600px){.tracking-section{width:calc(100% - 28px);margin-inline:auto;padding:66px 0 65px}.tracking-intro{padding:0 8px}.tracking-intro h2{font-size:37px}.tracking-intro .section-lead{font-size:16px;line-height:1.55}.tracking-tabs{width:100%;max-width:380px}.tracking-tabs button{flex:1;padding:10px 12px;font-size:13px}.tracking-stage{border-radius:12px}.tracking-foot{align-items:flex-start;flex-direction:column;margin-top:24px;padding:0 8px;gap:18px}.tracking-foot>p{font-size:14px}.tracking-start{width:100%;min-height:50px}}
@media(prefers-reduced-motion:reduce){[data-tracking-reveal=pending]{opacity:1;transform:none}.tracking-tabs button,.tracking-start{transition:none}}

/* The portfolio body owns its own gutters inside the shared app frame. */
.tracking-stage .hp-portfolio-content{padding:0}

/* Full content by default; enhance to a readable crop only when controls work. */
.tracking-stage{--tracking-preview-height:clamp(680px,calc((100vw - 108px)*.625),820px)}
.tracking-viewport{position:relative}
[data-tracking-enhanced=true] .tracking-stage[data-tracking-expanded=false] .tracking-viewport{max-height:var(--tracking-preview-height);overflow:hidden}
.tracking-disclosure{position:absolute;inset:auto 0 0;display:flex;justify-content:center;align-items:flex-end;min-height:146px;padding:72px 20px 20px;background:linear-gradient(to bottom,#fff0 0%,#fffffff2 62%,#fff 90%);pointer-events:none;z-index:2}
.tracking-disclosure[hidden]{display:none}
.tracking-expand{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:46px;padding:11px 20px;border:1px solid #d5ddd7;border-radius:999px;background:#fff;color:#243129;box-shadow:0 3px 12px #1f352b0d;font:500 14px/1.4 Figtree,Arial,sans-serif;cursor:pointer;transition:background .18s,border-color .18s}
.tracking-expand:hover{background:#f3f6f3;border-color:#9baaa0}
.tracking-expand:focus-visible{outline:2px solid #354d3c;outline-offset:4px}
.tracking-expand svg{width:18px;height:18px;flex:none}
.tracking-stage[data-tracking-expanded=true] .tracking-disclosure{position:relative;min-height:76px;padding:15px 20px;align-items:center;background:#fff;border-top:1px solid #e9ede9}
.tracking-stage[data-tracking-expanded=true] .tracking-expand svg{transform:rotate(180deg)}
@media(max-width:1100px){.tracking-stage{--tracking-preview-height:clamp(680px,calc((100vw - 72px)*.625),820px)}}
@media(max-width:600px){.tracking-stage{--tracking-preview-height:660px}.tracking-disclosure{min-height:130px;padding-top:62px;padding-bottom:16px}.tracking-expand{font-size:13px}}
@media(prefers-reduced-motion:reduce){.tracking-expand{transition:none}}