/* Accueil uniquement : collage bord à bord, aucune modification du questionnaire. */
@font-face{font-family:'Quiz Caption';font-style:normal;font-weight:400;font-display:swap;src:url('original/caption.woff2') format('woff2')}
body[data-screen="home"]{background:#f2e8df;color:#241f22;min-height:100vh;min-height:100dvh}
body[data-screen="home"] .masthead,body[data-screen="home"] .magazine-rule,body[data-screen="home"] .site-footer{display:none}
body[data-screen="home"] #quiz-root{width:100%;max-width:none;margin:0;padding:0}
.exact-home{padding:0;margin:0;width:100%}
.exact-cover{position:relative;isolation:isolate;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--texture),linear-gradient(168deg,transparent 57%,#eab5cf 57.2%,#f3c4d9 84%,#ead8b3 84.2%),linear-gradient(94deg,#c8d7e7 0 15%,#f2e8df 15.2% 84%,#e7cbb7 84.2%)}
.exact-cover img{position:absolute;display:block;max-width:none;pointer-events:none;height:auto}
.exact-cover .source-photo{left:16%;top:calc(50% - 31.5vw);width:84%;height:auto;z-index:1;clip-path:polygon(0 1%,100% 0,100% 98%,1% 100%);box-shadow:0 7px 0 #94315d25}
.exact-cover .source-title{left:0;top:env(safe-area-inset-top,0px);width:100%;z-index:4}
.exact-cover .source-note{left:0;top:20%;width:32.5%;z-index:3}
.exact-cover .source-motto{left:0;bottom:calc(108px + env(safe-area-inset-bottom,0px));width:34%;z-index:4}
.exact-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;outline:0!important}
.exact-caption{position:absolute;right:0;bottom:calc(140px + env(safe-area-inset-bottom,0px));width:65%;aspect-ratio:197/85;z-index:5}
.exact-caption img{inset:0;width:100%;height:100%;z-index:-1}
.exact-caption p{position:absolute;left:10%;top:15%;width:84%;margin:0;font-family:'Quiz Caption',sans-serif;font-size:clamp(16px,4.5vw,24px);font-weight:400;line-height:1.08;letter-spacing:0;color:#181818;transform:rotate(-2deg)}
.source-start{position:absolute;left:6%;bottom:calc(24px + env(safe-area-inset-bottom,0px));width:88%;min-height:78px;padding:12px 17px 12px 25px;margin:0;border:2px solid #fff1c6;background:#bd087e;color:#fff;border-radius:23px;z-index:8;box-shadow:0 7px 0 #6e204f,0 12px 18px #4d103b30;cursor:pointer;appearance:none;display:flex;align-items:center;justify-content:space-between;gap:14px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;animation:home-invite 2.2s ease-in-out 2;transition:transform .16s,box-shadow .16s,background-color .16s}
.source-start-label{font:800 clamp(29px,8vw,43px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.2px}
.source-start-arrow{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#fff1c6;color:#921156;box-shadow:0 2px 0 #6e204f}
.source-start-arrow svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.source-start:hover{background:#a9046d;animation:none;transform:translateY(-2px);box-shadow:0 9px 0 #6e204f,0 15px 20px #4d103b30}
.source-start:active{animation:none;transform:translateY(4px);box-shadow:0 3px 0 #6e204f,0 5px 8px #4d103b25}
.source-start:focus-visible{animation:none;outline:3px solid #1357b0;outline-offset:5px}
@keyframes home-invite{0%,65%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}
@media(max-height:680px) and (max-width:599px){.source-motto{bottom:103px;width:32%}.exact-caption{bottom:124px}.source-start{min-height:68px;bottom:20px;padding:8px 15px 8px 22px}.source-start-arrow{width:43px;height:43px;flex-basis:43px}.exact-caption p{font-size:4.5vw}}
/* Les téléphones hauts utilisent toute la largeur de la photo, sans bande vide. */
@media(max-width:599px) and (min-height:800px) and (max-aspect-ratio:1/2){.exact-cover .source-photo{left:0;top:42vw;width:100%}.exact-cover .source-note{top:calc(117vw + 8px)}.exact-cover .source-motto{left:37%;top:calc(117vw + 8px);bottom:auto;width:23%}.exact-caption{bottom:calc(110px + env(safe-area-inset-bottom,0px))}}
@media(min-width:600px),(orientation:landscape){.exact-cover{background:var(--texture),linear-gradient(166deg,transparent 52%,#eab5cf 52.2%,#f3c4d9 89%,#e7d8b8 89.2%),linear-gradient(98deg,#bfcfe2 0 9%,#f2e8df 9.2% 89%,#e9c9b7 89.2%)}.exact-cover .source-title{width:min(52%,620px);left:0;top:0}.exact-cover .source-photo{width:60%;max-width:calc(100dvh * 4 / 3);left:auto;right:0;top:50%;transform:translateY(-50%)}.exact-cover .source-note{top:35%;width:min(18%,210px)}.exact-cover .source-motto{left:23%;top:calc(min(52vw,620px) * 163 / 308 + 14px);bottom:auto;width:min(15%,185px)}.exact-caption{left:4%;right:auto;bottom:calc(140px + env(safe-area-inset-bottom,0px));width:33%;max-width:420px}.exact-caption p{font-size:clamp(17px,2vw,27px)}.source-start{left:4%;width:41%;max-width:530px;bottom:calc(30px + env(safe-area-inset-bottom,0px));min-height:76px}.source-start-label{font-size:clamp(28px,3.6vw,42px)}.source-motto{opacity:1}}
@media(orientation:landscape) and (max-height:600px){.exact-cover .source-title{width:45%;max-width:calc(100dvh * .90)}.exact-cover .source-note{top:47%;width:10%}.exact-cover .source-motto{left:12%;top:52%;bottom:auto;width:10%}.exact-caption{left:24%;width:20%;bottom:30%}.exact-caption p{font-size:clamp(12px,1.55vw,16px)}.source-start{min-height:60px;bottom:20px;padding:7px 12px 7px 20px}.source-start-label{font-size:29px}.source-start-arrow{width:40px;height:40px;flex-basis:40px}}
@media(prefers-reduced-motion:reduce){.source-start{animation:none;transition:none}}