/* Editorial pictograms: visible content is always present; only decorative strokes move. */
.rf-motion-picto{display:block;width:48px;height:48px;margin:0 0 17px;color:inherit;opacity:.78;flex-shrink:0;line-height:0;isolation:isolate}
.rf-motion-picto svg{display:block;width:100%;height:100%;overflow:visible}
.rf-motion-picto .rf-draw,.rf-motion-picto .rf-detail{stroke-dasharray:250;stroke-dashoffset:0}
.rf-picto-live .rf-draw{animation:rf-picto-draw 2.4s cubic-bezier(.4,0,.2,1) 2 both}
.rf-picto-live .rf-detail{animation:rf-picto-detail 2.4s ease-in-out 2 both}
.rf-picto-live .rf-dot{animation:rf-picto-dot 1.5s ease-in-out 3 both;transform-origin:center;fill:currentColor;stroke:none}
@keyframes rf-picto-draw{0%{stroke-dashoffset:250;opacity:.35}65%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes rf-picto-detail{0%,20%{opacity:.15;transform:translateY(3px)}60%,100%{opacity:1;transform:translateY(0)}}
@keyframes rf-picto-dot{0%,100%{opacity:.5;transform:scale(.75)}50%{opacity:1;transform:scale(1.05)}}
.rf-pictos-paused .rf-motion-picto *,html.motion-paused .rf-motion-picto *,html.mw-paused .rf-motion-picto *{animation-play-state:paused!important}
.rf-picto-control{position:fixed;bottom:92px;left:14px;z-index:50;border:1px solid #8195a388;background:#f2f5f7e8;color:#284353;padding:9px 12px;font:10px/1.4 sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.rf-picto-control:focus-visible{outline:3px solid #4c748b;outline-offset:3px}
.rf-media-portfolio{background:#101b23;color:#eaf0f4;overflow:hidden;padding:110px 0 90px;scroll-margin-top:85px}
.rf-media-inner{width:min(1240px,88%);margin:auto}.rf-media-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:end;margin-bottom:65px}
.rf-media-label{font:10px/1.7 Arial,sans-serif;letter-spacing:.17em;color:#9bb1c0;margin:0 0 15px}
.rf-media-intro h2{font-size:clamp(29px,3.3vw,45px);font-weight:500;line-height:1.55;letter-spacing:-.03em;margin:0}.rf-media-intro p:not(.rf-media-label){font-size:14px;line-height:2.1}.rf-media-note{font-size:11px!important;color:#a8bac7;line-height:1.9!important;margin-top:20px}
.rf-media-case{display:grid;grid-template-columns:1.45fr 1fr;gap:65px;align-items:center;margin:0;padding:42px 0;border-top:1px solid #3f5361}
.rf-media-case:nth-of-type(even){grid-template-columns:1fr 1.45fr}.rf-media-case:nth-of-type(even) .rf-media-preview{order:2}.rf-media-case:nth-of-type(even) .rf-media-copy{order:1}
.rf-media-preview{position:relative;display:block;background:#22313d;border:1px solid #526775;overflow:hidden;color:#dce8ef;text-decoration:none!important;box-shadow:0 12px 50px #0003}
.rf-browser-chrome{height:27px;display:flex;align-items:center;gap:5px;padding:0 11px;background:#22313c}.rf-browser-chrome>i{width:4px;height:4px;border-radius:50%;background:#8398a8}.rf-browser-chrome>span{font:8px/1 Arial,sans-serif;letter-spacing:.04em;margin-left:10px;color:#b8c9d5}
.rf-media-preview img{display:block;width:100%;aspect-ratio:1.78;object-fit:cover;object-position:top;transition:transform .8s cubic-bezier(.2,.6,.2,1);height:auto}
.rf-preview-link{position:absolute;bottom:13px;right:13px;background:#f1f5f6eb;color:#19374a;padding:10px 15px;font-size:11px;transform:translateY(55px);transition:transform .35s}
.rf-media-preview:hover .rf-preview-link,.rf-media-preview:focus-visible .rf-preview-link{transform:none}.rf-media-preview:hover img{transform:scale(1.025)}
.rf-media-copy h3{font:500 clamp(20px,2vw,27px)/1.5 Arial,'Noto Sans JP',sans-serif;letter-spacing:-.02em;margin:0 0 18px;color:#fff}.rf-media-copy .rf-media-lead{font-size:18px;line-height:1.8;margin:0 0 15px;color:#eaf2f7}.rf-media-copy>p:not(.rf-media-label):not(.rf-media-lead){font-size:12px;line-height:2.15;color:#b1c3cf}.rf-media-copy>a{display:inline-block;color:#d4e3ec;font-size:11px;border-bottom:1px solid #6d8799;margin-top:15px;padding-bottom:5px}
.rf-media-bottom{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;border-top:1px solid #526979;margin-top:30px;padding-top:55px}.rf-media-bottom h3{font-size:27px;font-weight:400;line-height:1.7;margin:0}.rf-media-bottom p{font-size:12px;line-height:2.1;color:#b1c3cf}.rf-media-cta{display:inline-block;color:#122c3d!important;background:#e2edf4;padding:17px 25px;font-size:12px;margin-top:20px}
@media(max-width:760px){.rf-motion-picto{width:38px;height:38px;margin-bottom:12px}.rf-picto-control{font-size:9px;bottom:92px;left:9px;padding:8px 9px}.rf-media-portfolio{padding:65px 0}.rf-media-intro{display:block;margin-bottom:35px}.rf-media-intro h2{font-size:30px}.rf-media-intro>div+div{margin-top:25px}.rf-media-intro p:not(.rf-media-label){font-size:12px}.rf-media-case,.rf-media-case:nth-of-type(even){grid-template-columns:1fr;gap:23px;padding:32px 0}.rf-media-case:nth-of-type(even) .rf-media-preview,.rf-media-case:nth-of-type(even) .rf-media-copy{order:initial}.rf-media-copy h3{font-size:22px;margin-bottom:12px}.rf-media-copy .rf-media-lead{font-size:16px}.rf-preview-link{transform:none;padding:7px 10px;font-size:9px}.rf-media-bottom{display:block;padding-top:35px}.rf-media-bottom>div+div{margin-top:25px}.rf-media-bottom h3{font-size:25px}.rf-media-case img{aspect-ratio:1.65}}
@media(prefers-reduced-motion:reduce){.rf-motion-picto *{animation:none!important;transition:none!important}.rf-media-preview img,.rf-preview-link{transition:none!important;transform:none!important}}