/* Un cadre violet qui révèle un véritable écran, puis donne la main au visiteur. */
body.v3-home{overflow-x:clip;overflow-y:visible}
.v3-home .v3-projects{padding-top:0;background:#fff}
.v3-project-reveal{--reveal-top:92px;--reveal-travel:115svh;max-width:1680px;margin:0 auto 52px;border-inline:1px solid var(--v3-line);position:relative}
.v3-reveal-stage{position:relative;padding:48px 24px 0}
.v3-reveal-intro{text-align:center;padding:32px 16px 40px}
.v3-reveal-intro .v3-label{margin-bottom:22px!important}
.v3-reveal-intro .v3-label::before{content:'';display:inline-block;width:9px;height:9px;background:var(--v3-purple);margin-right:10px}
.v3-home .v3-reveal-intro h2{font-size:clamp(44px,5.4vw,80px);line-height:1.12;letter-spacing:-.035em;margin:0 0 28px}
.v3-reveal-intro>p:not(.v3-label){margin:0 auto;max-width:42ch}
.v3-reveal-slot,.v3-reveal-hint{display:none}
.v3-reveal-frame{display:block;position:relative;background:transparent;height:620px;max-height:75svh;overflow:clip;transform-origin:top left;transition:none!important}
.v3-monitor{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;transform-origin:center;transition:none!important}
.v3-monitor-body{position:relative;flex:1;min-height:0;width:100%;max-width:1240px;border:9px solid #292333;border-bottom-width:24px;border-radius:12px;background:#292333}
.v3-reveal-bar{height:38px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;background:#f4f2f7;border-radius:3px 3px 0 0;font:400 10px var(--font-mono);border-bottom:1px solid var(--v3-line)}
.v3-reveal-bar>span:first-child{font-size:7px;letter-spacing:3px;color:#82778d}
.v3-reveal-bar>a{display:inline-flex;align-items:center;min-height:38px;gap:8px;color:var(--v3-ink);font-size:10px;flex:none}
.v3-reveal-bar>a:hover{color:var(--v3-purple);text-decoration:underline}
.v3-reveal-capture{height:calc(100% - 38px);overflow:auto;background:#fff;scrollbar-width:thin;scrollbar-color:#7128d7 #eee9f3}
.v3-reveal-capture picture{display:block}.v3-reveal-capture img{display:block;width:100%;max-width:none;height:auto}
.v3-live-site{position:absolute;inset:38px 0 0;width:100%;height:calc(100% - 38px);border:0;background:#fff;color-scheme:light}
.v3-live-viewport{position:absolute;inset:38px 0 0;overflow:hidden}
.v3-monitor .v3-live-viewport .v3-live-site{inset:0 auto auto 0;max-width:none;transform-origin:top left}
.v3-monitor-led{position:absolute;bottom:-14px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#b09fcd}
.v3-monitor-stand{height:32px;width:150px;flex:none;background:linear-gradient(90deg,#bcb6c3,#ddd9e2 45%,#b7b1bf);clip-path:polygon(30% 0,70% 0,82% 100%,18% 100%)}
.v3-monitor-base{height:9px;width:230px;max-width:70%;flex:none;border-radius:4px 4px 2px 2px;background:#b4adbd;border-bottom:3px solid #918899}
.v3-reveal-purple{display:none;position:absolute;inset:0;z-index:2;pointer-events:none;overflow:clip}
.v3-purple-backdrop{position:absolute;inset:0;background:linear-gradient(#a68dc90b 1px,transparent 1px),linear-gradient(90deg,#a68dc90b 1px,transparent 1px),#211a33;background-size:70px 70px;clip-path:polygon(0 24px,36px 24px,36px 0,calc(100% - 96px) 0,calc(100% - 96px) 24px,calc(100% - 44px) 24px,calc(100% - 44px) 86px,100% 86px,100% 100%,0 100%)}
.v3-purple-square{position:absolute;left:16%;top:18%;width:15%;max-width:205px;aspect-ratio:1;transform-origin:center}
.v3-purple-square i{display:block;width:100%;height:100%;background:#7128d7;animation:v3-square-drift 5s ease-in-out infinite alternate;animation-play-state:paused}
.v3-purple-square[data-square='1']{left:23%;top:5%;z-index:1}.v3-purple-square[data-square='1'] i{background:#ffffff0c;border:1px solid #ffffff26;animation-delay:-2s}
.v3-purple-square[data-square='2']{left:9%;top:33%}.v3-purple-square[data-square='2'] i{background:#ffffff07;border:1px solid #ffffff20;animation-delay:-3.5s}
.v3-purple-corner{position:absolute;left:24px;bottom:24px;width:13px;height:13px;background:#b7abc34d}.v3-purple-corner:last-child{left:auto;right:24px}
@keyframes v3-square-drift{from{translate:0 5px}to{translate:6px -7px}}
.v3-motion-active [data-reveal-visible=true] .v3-purple-square i{animation-play-state:running}
.v3-reveal-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0 24px}
.v3-reveal-caption>div>strong{font:600 21px var(--font-display);display:block}
.v3-reveal-caption div>span{display:block;margin-top:5px;font:400 10px/1.4 var(--font-mono);color:var(--v3-muted)}
.v3-reveal-caption .v3-screen-instruction{font:400 12px/1.6 var(--font-corps,Inter,sans-serif);margin:0;padding:0 16px;color:var(--v3-muted)}
.v3-screen-instruction strong{font-weight:600;color:var(--v3-ink)}
.v3-reveal-caption>a{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:44px;font:500 13px var(--font-corps,Inter,sans-serif);color:var(--v3-ink);border-bottom:1px solid var(--v3-purple)}
.v3-reveal-caption>a:hover{color:var(--v3-purple)}
.v3-reveal-progress{display:none}
#galerie-projets{scroll-margin-top:110px}
.v3-home .v3-project-gallery-head h3{font-size:clamp(30px,3vw,44px)}
.v3-project-reveal[data-reveal-motion=active]{height:calc(100svh - var(--reveal-top) + var(--reveal-travel))}
[data-reveal-motion=active] .v3-reveal-stage{position:sticky;top:var(--reveal-top);height:calc(100svh - var(--reveal-top));padding:0;isolation:isolate}
[data-reveal-motion=active] .v3-reveal-intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px 48px;pointer-events:none}
[data-reveal-motion=active] .v3-reveal-slot{display:inline-block;width:clamp(96px,10vw,150px);aspect-ratio:var(--reveal-ratio,1.8);vertical-align:middle;margin:0 .06em .06em}
[data-reveal-motion=active] .v3-reveal-hint{display:flex;align-items:center;gap:12px;font:400 10px/1.6 var(--font-mono);color:var(--v3-muted);margin-top:32px}
.v3-reveal-hint>span{font-size:23px;color:var(--v3-purple)}
[data-reveal-motion=active] .v3-reveal-frame{position:absolute;inset:16px 24px 132px;height:auto;max-height:none;z-index:1}
[data-reveal-motion=active] .v3-reveal-purple{display:block}
[data-reveal-motion=active] .v3-reveal-caption{position:absolute;inset:auto 24px 44px;padding:0;height:70px;opacity:var(--reveal-caption,0);visibility:hidden}
[data-reveal-motion=active][data-reveal-open=true] .v3-reveal-caption{visibility:visible}
[data-reveal-motion=active] .v3-reveal-progress{display:block;position:absolute;left:0;right:0;bottom:0;height:2px;background:#eee9f3}
.v3-reveal-progress>span{display:block;width:100%;height:100%;background:var(--v3-purple);transform-origin:left;transform:scaleX(0)}
[data-reveal-motion=active][data-reveal-visible=true] .v3-reveal-frame{will-change:transform}
@media(max-width:900px){.v3-project-reveal{--reveal-top:84px}.v3-reveal-stage{padding-inline:16px}[data-reveal-motion=active] .v3-reveal-frame{inset-inline:16px}[data-reveal-motion=active] .v3-reveal-caption{inset-inline:16px}.v3-reveal-caption .v3-screen-instruction{font-size:11px;padding:0}}
@media(max-width:600px){
.v3-project-reveal{--reveal-travel:110svh;margin-bottom:36px;border-inline:0}
.v3-home .v3-reveal-intro h2{font-size:clamp(38px,9vw,53px);margin-bottom:24px}.v3-reveal-intro{padding-inline:8px}.v3-reveal-intro>p:not(.v3-label){font-size:13px;max-width:29ch}
[data-reveal-motion=active] .v3-reveal-intro{padding-bottom:40px}[data-reveal-motion=active] .v3-reveal-slot{width:76px;aspect-ratio:1;height:76px}
[data-reveal-motion=active] .v3-reveal-hint{font-size:8px;gap:8px;margin-top:26px}
.v3-reveal-caption{display:grid;grid-template-columns:1fr auto;gap:6px 16px}.v3-reveal-caption>div>strong{font-size:17px}.v3-reveal-caption div>span{font-size:8px}
.v3-reveal-caption .v3-screen-instruction{grid-row:2;grid-column:1/-1;font-size:11px}.v3-screen-instruction br{display:none}
.v3-reveal-caption>a{grid-column:2;grid-row:1;font-size:11px;gap:10px;flex:none}
.v3-reveal-bar{font-size:8px;gap:8px;padding-inline:9px}.v3-reveal-bar>span:first-child{display:none}.v3-reveal-bar>a{font-size:8px}
.v3-reveal-frame{height:590px}.v3-monitor-body{border-width:6px;border-bottom-width:20px;border-radius:9px}.v3-monitor-led{bottom:-12px}
.v3-monitor-stand{height:24px;width:115px}.v3-monitor-base{width:165px;height:7px}
.v3-home .v3-project-gallery-head{gap:16px}[data-reveal-motion=active] .v3-reveal-frame{bottom:172px}[data-reveal-motion=active] .v3-reveal-caption{bottom:68px;height:88px}
.v3-purple-square{width:27%;max-width:none;left:26%;top:25%}.v3-purple-square[data-square='1']{left:43%;top:19%}.v3-purple-square[data-square='2']{left:12%;top:33%}
}
@media(prefers-reduced-motion:reduce){.v3-purple-square i{animation:none!important}.v3-reveal-frame{will-change:auto!important}}