/* Le Robert: the approved natural photographs, with a scroll-driven pullback. */
.robert{position:relative;margin:0 0 76px;scroll-margin-top:0}
.robert-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;height:100svh;height:100dvh;min-height:480px;overflow:hidden;background:#0b1a24;color:#f5f7fa}
.robert-scene{position:absolute;inset:0;margin:0;overflow:hidden;z-index:0;pointer-events:none}
.robert-camera{position:absolute;top:0;left:0;width:1600px;height:900px;transform-origin:0 0}
.robert-camera:not([data-framed]){width:100%;height:100%}
.robert-camera picture{position:absolute;inset:0;pointer-events:none}
.robert-camera img{display:block;width:100%;height:100%;object-fit:contain}
.robert-frame{opacity:0}
.robert[data-ready] .robert-poster{visibility:hidden}
.robert-shade{position:absolute;inset:0;background:linear-gradient(180deg,#07121abf,transparent 28%,transparent 45%,#07121a94 72%,#07121aeb);opacity:calc(1 - var(--finish,0));pointer-events:none}
.robert-masthead{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px clamp(24px,4vw,72px)}
.robert-identity{display:flex;align-items:center;gap:12px;min-height:44px;text-decoration:none}
.robert-identity img{object-fit:contain}
.robert-instructions{text-align:right;font-size:12px;color:#f5f7fa;text-shadow:0 1px 8px #061117}
.robert-pause{background:transparent;border:0;border-bottom:1px solid #a9bbca;color:#fff;padding:8px 0;min-height:44px;font-size:11px;cursor:pointer}
.robert-pause[hidden],.robert-retry[hidden]{display:none}
.robert-story{position:relative;z-index:1;margin-top:auto;padding:32px clamp(24px,4vw,72px) max(24px,env(safe-area-inset-bottom))}
.robert-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;opacity:calc(1 - var(--finish,0));pointer-events:none}
.robert-heading h3{font-size:clamp(28px,3.5vw,50px);line-height:1.12;font-weight:600;letter-spacing:-.035em;max-width:24ch;text-wrap:balance;margin:0 0 14px}
.robert-location{font-size:12px;color:#e0eaf1;line-height:1.8}
.robert-time{display:flex;flex-direction:column;align-items:end;gap:8px;padding-bottom:3px;color:#f5f7fa}
.robert-count{font-size:11px;letter-spacing:.08em;color:#a5ccff;font-variant-numeric:tabular-nums}
.robert-detail{font-size:16px;font-weight:600;text-align:right;max-width:22ch}
.robert-tools{visibility:hidden;margin-top:26px}
.robert[data-ready] .robert-tools{visibility:visible}
.robert-progress{height:2px;background:#ffffff35;overflow:hidden;margin-bottom:16px}
.robert-progress span{display:block;width:100%;height:100%;background:#9bc9ff;transform:scaleX(0);transform-origin:left}
.robert-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.robert-steps button{display:flex;align-items:baseline;gap:9px;min-height:52px;padding:10px 0 4px;border:0;border-top:1px solid #aabecf;background:transparent;border-radius:0;text-align:left;color:#e0eaf1;font-size:11px;line-height:1.5;cursor:pointer}
.robert-steps button>span:first-child{font-variant-numeric:tabular-nums;color:#aac7da}
.robert-steps button:hover{background:#ffffff10;color:#fff}
.robert-steps button[aria-pressed=true]{border-top-color:#9bc9ff;color:#fff}
.robert-steps button[aria-pressed=true]>span:first-child{color:#9bc9ff}
.robert :focus-visible{outline:2px solid #9bc9ff;outline-offset:5px}
.robert-foot{display:flex;justify-content:space-between;gap:20px;margin-top:14px;color:#c9d9e4;font-size:11px;line-height:1.7}
.robert-current{color:#f5f7fa}
.robert-foot a{text-decoration:underline;text-underline-offset:4px}
.robert-status,.robert-static-note{font-size:12px;color:#f5f7fa;margin-top:10px;line-height:1.7}
.robert-status:empty{display:none}
.robert-retry{min-height:44px;padding:10px 18px;margin-top:10px;color:#fff;background:#0b1a24;border:1px solid #9bc9ff}
.robert[data-mode=scroll]{height:440svh}
.robert[data-mode=scroll] .robert-panel{position:sticky;top:0}
.robert-active .mobile-cta{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:800px){
 .robert{margin-bottom:52px}
 .robert-masthead{padding:20px;gap:12px;align-items:start}
 .robert-identity{gap:8px}
 .robert-identity img:first-child{width:31px;height:36px}
 .robert-identity img:last-child{width:92px;height:27px}
 .robert-instructions{font-size:10px;max-width:18ch;line-height:1.7}
 .robert-pause{font-size:10px}
 .robert-story{padding:24px 20px max(22px,env(safe-area-inset-bottom))}
 .robert-heading{gap:14px;align-items:end}
 .robert-heading h3{font-size:clamp(25px,6.4vw,36px);max-width:16ch;line-height:1.16;margin-bottom:10px}
 .robert-location{font-size:10px;max-width:28ch}
 .robert-time{gap:7px;min-width:72px;padding-bottom:2px}
 .robert-detail{font-size:12px;max-width:14ch}
 .robert-count{font-size:10px}
 .robert-tools{margin-top:22px}
 .robert-progress{margin-bottom:13px}
 .robert-steps{gap:0}
 .robert-steps button{justify-content:center;min-height:44px;padding-top:8px;font-size:12px}
 .robert-step-name{display:none}
 .robert-foot{display:block;font-size:10px;margin-top:12px}
 .robert-foot p+p{margin-top:4px}
 .robert[data-mode=scroll]{height:380svh}
}
@media(max-height:540px){
 .robert-panel{min-height:390px}
 .robert-masthead{padding-block:12px}
 .robert-story{padding-top:12px;padding-bottom:14px}
 .robert-heading h3{font-size:25px;margin-bottom:6px;max-width:none}
 .robert-tools{margin-top:14px}
 .robert-steps button{min-height:44px}
 .robert-foot{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.robert *{transition:none!important;scroll-behavior:auto}}