/* 013D : cadres contemporains CSS originaux, écrans remplaçables, sans asset tiers. */
.logos-realisations{--real-inset:clamp(16px,1.7vw,32px);background:#f3f3f3;color:#111;padding:calc(88px + var(--section-extra-air)) var(--real-inset) 88px;font-family:'Inter Tight',sans-serif;counter-reset:project;scroll-margin-top:105px}
.logos-realisations *{box-sizing:border-box}.real-heading{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:84px;align-items:start}.real-section-intro{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.logos-realisations .studio-signature{display:flex;align-items:center;gap:10px;white-space:nowrap;font:400 12px/18px 'IBM Plex Mono',monospace;color:#222426;margin:0}.logos-realisations .studio-signature img{display:block;width:14px;height:18px;object-fit:contain;flex:none}.real-bracket,.logos-realisations .signature-bracket{color:#ff5a09}.real-heading h2{margin:0}.real-introduction{font:400 clamp(14px,calc(1.25vw - 2px),16px)/1.45 'Inter Tight',sans-serif;letter-spacing:-.02em;margin:0;width:calc(100% - 32px);max-width:540px;color:#626466;justify-self:end;margin-right:32px;text-align:left}
.real-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4px;row-gap:8px;padding:0;margin:0 auto;width:100%}.real-item{min-width:0;counter-increment:project}.real-project{margin:0}.real-composition{position:relative;aspect-ratio:1.8;border-radius:24px;overflow:hidden;isolation:isolate;background:#fff;--ios-header:#f5f3ef;--ios-footer:#f5f3ef;--ios-ink:#16191b}.real-ambiance-sage{background:#fff}.real-ambiance-wine{--ios-header:#d8d2c9;--ios-footer:#030303;background:#fff}.real-ambiance-light{--ios-header:#176e71;--ios-footer:#163d31;--ios-ink:#fff;background:#fff}.real-ambiance-aluminium{--ios-header:#fff;--ios-footer:#0d0a24;background:#fff}
.real-devices{position:absolute;inset:0;transform:scale(.8742);transform-origin:50% 45%}.real-macbook{position:absolute;width:58%;left:15%;top:14%;filter:drop-shadow(0 14px 10px #25292d25)}.real-macbook .real-device-lid{position:relative;margin:0 5%;padding:1.3% 1% 1.5%;border:1px solid #888d92;border-radius:12px 12px 5px 5px;background:#101112;box-shadow:inset 0 0 0 1px #202224,0 1px 1px #0004}.real-macbook .real-device-screen{aspect-ratio:1.6;background:#080909;overflow:hidden;border-radius:7px 7px 2px 2px}.real-device-screen img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.real-macbook .real-device-screen img{object-fit:contain;object-position:center}.real-macbook .real-camera{position:absolute;top:.8%;left:46%;width:8%;height:2.4%;background:#101112;border-radius:0 0 4px 4px}.real-macbook .real-camera:after{content:'';position:absolute;left:46%;top:30%;width:3px;height:3px;border-radius:50%;background:#202c35}.real-device-base{position:relative;height:8px;background:linear-gradient(#d9dcdf 0 22%,#afb4b9 24% 65%,#7d8389 75%,#b7bcc0);border-radius:1px 1px 6px 6px;box-shadow:0 1px 1px #43484d33}.real-device-base:before{content:'';position:absolute;left:43%;width:14%;height:3px;background:#9ca2a8;border-radius:0 0 4px 4px}.real-device-base:after{content:'';position:absolute;left:8%;right:8%;bottom:-2px;height:2px;background:#63686c;border-radius:0 0 50% 50%;opacity:.6}
.real-iphone{position:absolute;width:12.9%;right:15%;top:23%;transform:rotate(-4deg);padding:.255%;background:linear-gradient(110deg,#aeb3b7,#e4e6e8 44%,#8c9298);border-radius:clamp(12px,1.32vw,22px);box-shadow:4px 12px 13px #0002,0 0 0 .6px #6c7278}.real-iphone .real-device-lid{padding:1.5%;background:#08090a;border-radius:clamp(11px,1.23vw,20px);position:relative}.real-iphone .real-device-screen{aspect-ratio:9/19.5;border-radius:clamp(10px,1.14vw,18px);overflow:hidden;background:var(--ios-footer);display:flex;flex-direction:column;align-items:stretch}.real-mobile-viewport{flex:1 1 0;min-height:0;width:100%;padding:0 2%;display:flex;align-items:center;justify-content:center}.real-iphone .real-device-screen img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;flex:none}.real-iphone .real-device-screen.is-native-ui{display:block;background:#fff}.real-iphone .is-native-ui img{width:100%;height:100%;object-fit:contain;object-position:center}.real-ios-bottom{flex:0 0 7%;width:100%}.real-ios-status{position:relative;flex:0 0 7%;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 8%;background:var(--ios-header);color:var(--ios-ink);font:600 clamp(3px,.35vw,6px)/1 sans-serif}.real-ios-status svg{width:25%;height:auto;display:block} .real-iphone .real-camera{position:absolute;top:1.7%;left:36%;width:28%;height:3.5%;border-radius:20px;background:#030405}.real-iphone .real-camera:after{content:'';position:absolute;right:12%;top:28%;width:3px;height:3px;border-radius:50%;background:#15212b}.real-iphone:before,.real-iphone:after{content:'';position:absolute;width:2px;background:#a1a6ab;border-radius:1px}.real-iphone:before{height:9%;right:-2px;top:24%}.real-iphone:after{height:12%;left:-2px;top:27%}.real-home{position:absolute;bottom:1.8%;left:36%;width:28%;height:2px;border-radius:2px;background:#bbbfc2}.real-placeholder{padding:12px;font:10px/1.4 'IBM Plex Mono',monospace;color:#aaa}
 .real-client{position:absolute;left:0;right:0;top:6%;height:15%;display:flex;align-items:center;justify-content:center}.real-logo{display:block;max-width:42%;height:100%;width:auto;max-height:72px;object-fit:contain}.real-ambiance-light .real-logo{max-height:44px}.real-project-link{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.real-project-link:focus-visible{outline:2px solid #ff5a09;outline-offset:4px}.real-identity-fallback{font:500 23px/1.2 'Inter Tight',sans-serif;letter-spacing:-.035em}.real-caption{padding-top:16px}.real-details{font:400 11px/1.65 'IBM Plex Mono',monospace;text-transform:uppercase;margin:0;color:#454749}.real-number:before{content:counter(project,decimal-leading-zero) ' / '}.real-details-secondary{margin-top:3px;padding-left:3.3em;color:#606264}.real-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){.logos-realisations{padding:calc(56px + var(--section-extra-air)) var(--real-inset) 56px;scroll-margin-top:84px}.real-heading{grid-template-columns:1fr;gap:24px;margin-bottom:64px}.real-section-intro{gap:10px}.real-introduction{font-size:15px;margin-right:0;width:100%}.real-grid{grid-template-columns:1fr;column-gap:12px;row-gap:8px}.real-composition{border-radius:20px;aspect-ratio:1.5}.real-iphone{top:23%;right:15%;border-radius:12px}.real-iphone .real-device-lid{border-radius:11px}.real-iphone .real-device-screen{border-radius:10px}.real-macbook{top:14%}.real-macbook .real-device-lid{border-radius:8px 8px 3px 3px}.real-macbook .real-device-screen{border-radius:5px 5px 1px 1px}.real-device-base{height:5.5px}.real-caption{padding-top:16px}.real-details{font-size:10px}.real-client{height:17%;top:6%}.real-logo{max-height:50px}.real-ambiance-light .real-logo{max-height:28px}}

/* 013I : nom seul dans le cadre ; données logo/prestations conservées dans Gutenberg. */
.real-project-name{position:absolute;left:5%;right:5%;bottom:9%;margin:0;text-align:center;font:500 16px/1.25 'Inter Tight',sans-serif;color:#242628}.real-project-name a{color:inherit;text-decoration:none}.real-project-name a:focus-visible{outline:2px solid #ff5a09;outline-offset:4px}@media(max-width:700px){.real-project-name{font-size:14px;bottom:9%}}

/* 013L : rapprochement des sections sur desktop uniquement, sans toucher aux cartes. */
@media(min-width:1025px){.logos-realisations{padding-top:calc(58px + var(--section-extra-air))}}