/* IPHONE MÉTIERS */
.iph{position:relative;height:min(64vh,580px);aspect-ratio:9/19.3;background:linear-gradient(145deg,#2a2a2e,#0b0b0d);border-radius:clamp(30px,5.4vh,52px);padding:clamp(7px,1.1vh,11px);box-shadow:0 0 0 2px rgba(255,255,255,.08) inset,0 40px 80px -24px rgba(0,0,0,.55),0 18px 30px -18px rgba(0,0,0,.4);transform:rotate(-5deg);animation:iphFloat 7s ease-in-out infinite;margin-bottom:2vh}
.iph::before{content:"";position:absolute;right:-3px;top:22%;width:3px;height:12%;background:#1a1a1d;border-radius:0 3px 3px 0}
.iph::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.14),transparent 30%);pointer-events:none}
@keyframes iphFloat{50%{transform:rotate(-3deg) translateY(-10px)}}
.iph .scr{position:relative;height:100%;border-radius:clamp(24px,4.4vh,42px);overflow:hidden;container-type:inline-size}
.iph .island{position:absolute;top:2.4%;left:50%;width:31%;height:3.6%;background:#000;border-radius:99px;transform:translateX(-50%);z-index:5}
.iph .sbar{position:absolute;top:0;left:0;right:0;height:9%;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:0 9cqw;font:700 4cqw Inter,sans-serif}
.iph .feed{position:absolute;left:0;right:0;top:0;animation:feed 20s cubic-bezier(.45,0,.25,1) infinite;animation-play-state:paused;will-change:transform}
.panel.on .iph .feed,.panel.on .iph .pulse,.panel.on .iph .tap,.panel.on .iph .rise,.essai.on .iph .feed,.essai.on .iph .pulse,.essai.on .iph .tap,.essai.on .iph .rise{animation-play-state:running}
.iph:hover .feed{animation-play-state:paused!important}
@keyframes feed{0%,10%{transform:translateY(0)}46%,58%{transform:translateY(calc(var(--dist,600px) * -1))}94%,100%{transform:translateY(0)}}
.ps{font-family:Inter,sans-serif;padding-bottom:6cqw}
.ps .top{display:flex;justify-content:space-between;align-items:center;padding:18cqw 6cqw 4cqw}
.ps .top b{font-size:6.2cqw;letter-spacing:-.02em;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps .burger{width:7cqw;display:grid;gap:1.2cqw}.ps .burger i{display:block;height:.8cqw;border-radius:2px;background:currentColor}
.ps .hero{margin:0 5cqw;border-radius:6cqw;height:62cqw;position:relative;overflow:hidden}
.ps h4{font-size:10.5cqw;line-height:.98;letter-spacing:-.035em;font-weight:800;margin:6cqw 6cqw 3cqw}
.ps .lede{font-size:3.7cqw;line-height:1.45;opacity:.7;margin:0 6cqw}
.ps .btn{position:relative;display:inline-block;margin:5cqw 6cqw 0;font-size:3.9cqw;font-weight:700;padding:3.4cqw 6cqw;border-radius:99px}
.ps .pulse{animation:pulse 2.2s ease-in-out infinite;animation-play-state:paused}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 var(--pc)}60%{box-shadow:0 0 0 3.5cqw transparent}}
.ps .tap{position:absolute;right:-3cqw;bottom:-3cqw;width:9cqw;height:9cqw;border-radius:50%;background:rgba(255,255,255,.75);border:.7cqw solid rgba(0,0,0,.25);opacity:0;animation:tap 20s ease infinite;animation-play-state:paused}
@keyframes tap{0%,3%{opacity:0;transform:scale(1.6)}5%{opacity:1;transform:scale(1)}6.5%{transform:scale(.75)}8%,100%{opacity:0;transform:scale(1)}}
.ps .sec{margin:9cqw 6cqw 0}
.ps .lbl{font-size:3cqw;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.55;margin-bottom:3cqw}
.ps .row{display:flex;justify-content:space-between;align-items:baseline;gap:3cqw;padding:3.4cqw 0;border-bottom:1px solid currentColor;border-color:color-mix(in srgb,currentColor 14%,transparent);font-size:4cqw;font-weight:600}
.ps .row small{display:block;font-size:3cqw;font-weight:500;opacity:.55;margin-top:.6cqw}
.ps .row em{font-style:normal;font-weight:800;white-space:nowrap}
.ps .gal{display:grid;grid-template-columns:1fr 1fr;gap:2.6cqw}
.ps .gal i{display:block;aspect-ratio:1;border-radius:4cqw;position:relative;overflow:hidden}
.ps .gal i:nth-child(1){grid-row:span 2;aspect-ratio:auto}
.ps .gal i span{position:absolute;left:2.4cqw;bottom:2.4cqw;font:800 2.8cqw Inter;background:rgba(255,255,255,.9);color:#141417;padding:1cqw 2.4cqw;border-radius:99px;font-style:normal}
.ps .rev{border-radius:5cqw;padding:5cqw}
.ps .stars{font-size:4.6cqw;letter-spacing:.6cqw;color:#f5b83d}
.ps .rev p{font-size:3.8cqw;line-height:1.45;margin-top:2cqw;font-weight:500}
.ps .rev b{display:block;font-size:3.2cqw;margin-top:2.4cqw;opacity:.6}
.ps .map{height:34cqw;border-radius:5cqw;position:relative;overflow:hidden;background-size:8cqw 8cqw}
.ps .map .pin{position:absolute;left:50%;top:44%;width:7cqw;height:7cqw;border-radius:50% 50% 50% 0;transform:translate(-50%,-50%) rotate(-45deg)}
.ps .hrs{font-size:3.6cqw;line-height:1.7;margin-top:3cqw;opacity:.8}
.ps .call{display:block;text-align:center;margin:8cqw 6cqw 0;font-size:4.2cqw;font-weight:800;padding:4cqw;border-radius:99px}
.ps .rise{animation:rise 20s ease infinite;animation-play-state:paused}
@keyframes rise{0%,14%{opacity:.6;transform:translateY(3cqw)}22%,100%{opacity:1;transform:none}}
@media(max-width:860px){.iph{height:min(36vh,330px);margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.iph,.iph .feed,.ps .pulse,.ps .tap,.ps .rise{animation:none!important}.ps .rise{opacity:1}}


.serif{font-family:"Instrument Serif",serif!important;font-weight:400!important;letter-spacing:-.01em!important}
