html{scroll-padding-top:90px}.direction-picker{position:sticky;top:10px;z-index:100;display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:calc(100% - 20px);margin:8px auto 12px;padding:8px 12px;background:#e9e9e2;color:#26302f;border:1px solid #bcc4bd;border-radius:9px;box-shadow:0 8px 30px #0002}.direction-picker>span{font:8px monospace;letter-spacing:1px;margin-right:10px}.direction-picker button,.direction-picker>a{font:11px Geist,sans-serif;border:0;padding:10px 14px;border-radius:4px;background:transparent;color:inherit;cursor:pointer}.direction-picker button[aria-pressed=true]{background:#202c30;color:#eef2ed}.direction-picker>a{border-left:1px solid #b9c0b9;border-radius:0}.photo-card{position:relative;isolation:isolate;overflow:hidden;border-radius:7px;background:#182125}.photo-card .product-image{border-radius:0;aspect-ratio:1.92}.photo-caption header{display:flex;align-items:center;gap:11px}.photo-caption header>span{font:9px monospace;color:#bac8c4}.photo-caption h2{font-size:21px;font-weight:450;letter-spacing:-.55px}.photo-caption p{font-size:11px;line-height:1.5;color:#b8c4c1;margin-top:7px}.capability-grid{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.capability{outline-offset:6px}.photo-caption{position:relative;z-index:2}.photo-card .rfi-state{display:none}
body[data-treatment=editorial] .photo-caption{padding:19px 22px 21px;background:linear-gradient(110deg,#202d31,#162126);border-top:1px solid #94aaa330}body[data-treatment=editorial] .photo-caption header{align-items:baseline}body[data-treatment=editorial] .photo-caption header>span{color:#7c918a}body[data-treatment=editorial] .photo-caption p{padding-left:25px}body[data-treatment=editorial] .photo-card{box-shadow:0 0 0 1px #c5d3cd16}body[data-treatment=editorial] .photo-card .product-image{mask-image:linear-gradient(#000 85%,#000c)}
body[data-treatment=technical] .photo-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;background:#dce3dc;color:#202c2a;border-top:3px solid #a9bab2}body[data-treatment=technical] .photo-caption header{gap:10px;align-items:flex-start}body[data-treatment=technical] .photo-caption header>span{color:#62736a;border:1px solid #a7b5ac;padding:4px;font-size:8px}body[data-treatment=technical] .photo-caption h2{font-size:17px;max-width:140px;line-height:1.15}body[data-treatment=technical] .photo-caption p{color:#53635b;font-size:10px;max-width:155px;margin:0;padding-left:15px;border-left:1px solid #afbeb3}body[data-treatment=technical] .photo-card{border-radius:2px}
body[data-treatment=reveal] .photo-caption{position:absolute;inset:auto 0 0;padding:58px 22px 20px;background:linear-gradient(transparent,#0d181bed 65%);pointer-events:none}body[data-treatment=reveal] .photo-caption p{max-height:0;opacity:0;margin-top:0;transform:translateY(7px);transition:max-height .25s,opacity .25s,transform .25s,margin .25s}body[data-treatment=reveal] .capability:is(:hover,:focus-within) .photo-caption p{max-height:50px;opacity:1;margin-top:8px;transform:none}body[data-treatment=reveal] .photo-card .product-image{aspect-ratio:1.65}body[data-treatment=reveal] .rfi-message.detected{bottom:76px}body[data-treatment=reveal] .photo-caption h2{font-size:23px}body[data-treatment=reveal] .photo-card:after{content:'+';position:absolute;bottom:22px;right:20px;color:#b6c8c2;font-size:21px;font-weight:300;z-index:3}body[data-treatment=reveal] .capability:is(:hover,:focus-within) .photo-card:after{content:'−'}
@media(max-width:700px){.direction-picker{gap:0;padding:6px}.direction-picker>span{display:none}.direction-picker button,.direction-picker>a{font-size:10px;padding:10px}.capability-grid{grid-template-columns:1fr}.photo-caption h2{font-size:19px}body[data-treatment=reveal] .photo-caption p{opacity:1;max-height:50px;margin-top:7px;transform:none}body[data-treatment=technical] .photo-caption{gap:10px}.photo-caption p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.photo-caption p{transition:none!important}}
body[data-treatment=reveal] .photo-caption p{overflow:hidden}.photo-caption header{padding-right:20px}

body{overflow-anchor:none}body[data-treatment=technical] .photo-caption{min-height:78px}

/* Reveal: wider, lower photo panels. */
body[data-treatment=reveal]:not([data-layout]) .photo-card .product-image{aspect-ratio:2 / 1}
body[data-treatment=reveal]:not([data-layout]) .rfi-route{height:auto;aspect-ratio:1600/900;top:50%;transform:translateY(-50%)}
@media(max-width:700px){body[data-treatment=reveal]:not([data-layout]) .photo-card .product-image{aspect-ratio:1.85 / 1}body[data-treatment=reveal]:not([data-layout]) .rfi-message.detected{bottom:65px}body[data-treatment=reveal]:not([data-layout]) .rfi-message{padding:6px}body[data-treatment=reveal]:not([data-layout]) .rfi-message strong{font-size:8px}body[data-treatment=reveal]:not([data-layout]) .rfi-message .message-meta,body[data-treatment=reveal]:not([data-layout]) .rfi-message .detail-chip{display:none}}

html{scroll-padding-top:24px}
