@font-face{font-family:Manrope;src:url('fonts/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('fonts/manrope-bold.ttf') format('truetype');font-weight:600 800;font-display:swap}:root{--bg:#08090c;--fg:#f3f3ef;--muted:#9da0aa;--line:#25272d;--blue:#4778ff;--red:#ff4a59;--fold:0;--drop:0;--zoom:0;--rise:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.65 Manrope,'Trebuchet MS',sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #80a1ff;outline-offset:5px}button:disabled{opacity:.4;cursor:not-allowed}.skip-link{position:fixed;top:-80px;left:20px;background:white;color:black;z-index:100;padding:12px}.skip-link:focus{top:10px}.content-width{max-width:1280px;margin:0 auto;padding-left:64px;padding-right:64px}.header{height:90px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;width:100%;z-index:10;border-bottom:1px solid #ffffff10;background:linear-gradient(#08090ce6,#08090c22)}.logo{font-size:29px;letter-spacing:-1.6px;font-weight:700;line-height:1;display:inline-flex;align-items:center;position:relative}.logo-dot{color:var(--blue)}.logo-bars{display:flex;gap:3px;margin-left:14px;align-self:end;margin-bottom:2px}.logo-bars i{height:13px;width:3px;display:block;background:var(--blue);box-shadow:0 0 10px #4778ff66}.logo-bars i:nth-child(2){background:white}.logo-bars i:nth-child(3){background:var(--red)}nav{display:flex;align-items:center;gap:34px;font-size:12px}nav>a{color:#c0c2cb}nav>a:hover{color:white}.nav-quiz{border:1px solid #555862;background:#ffffff08;padding:11px 18px;border-radius:3px;font-size:12px}.nav-quiz span{margin-left:25px}.intro{height:160vh;min-height:1050px;position:relative}.intro-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate}.scene-backdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 57%,#161c2a 0%,#0b0d14 35%,#08090c 72%)}.light{position:absolute;width:2px;height:68%;top:13%;opacity:.65;transform:rotate(32deg);background:#4778ff;box-shadow:0 0 8px 2px #4778ff80,0 0 50px 14px #2757f333}.light.blue{left:16%}.light.white{right:24%;width:1px;height:31%;top:54%;background:#e7eaff;box-shadow:0 0 8px #fff,0 0 35px 6px #d5dcff21}.light.red{right:14%;top:8%;height:57%;background:#ff4a59;box-shadow:0 0 8px 2px #ff4a5966,0 0 55px 15px #f3274533}.floor{position:absolute;left:15%;right:15%;bottom:7%;height:13%;border-radius:50%;background:radial-gradient(ellipse,#6679ba18,transparent 65%);filter:blur(15px)}.intro-top{position:absolute;top:125px;left:64px;right:64px;display:flex;align-items:center;justify-content:space-between;z-index:4}.eyebrow,.index{font-size:10px;letter-spacing:1.7px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:11px;color:#b9bdc9}.eyebrow i,.status-dot{display:inline-block;width:5px;height:5px;background:var(--blue);border-radius:50%;box-shadow:0 0 9px #4778ff}.intro-top button{background:none;border:0;font-size:11px;color:#aeb2c0}.intro-top button span{margin-left:10px}.scene{position:absolute;inset:0;perspective:1100px;pointer-events:none;transform:translateY(calc(var(--rise) * -75vh));opacity:calc(1 - var(--rise) * .8);will-change:transform}.camera{position:absolute;left:50%;top:53%;width:300px;height:250px;margin-left:-150px;margin-top:-125px;transform-style:preserve-3d;transform:translateY(calc((1 - var(--zoom)) * 255px)) scale(calc(2.6 - var(--zoom) * 1.6));will-change:transform}.assembly{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-17deg) rotateY(-24deg)}.urn{width:300px;height:250px;position:relative;transform-style:preserve-3d}.face{position:absolute;border:1px solid #b9c9e56b;box-shadow:inset 0 0 25px #99baff08,0 0 1px #fff;opacity:var(--zoom);backface-visibility:visible}.front,.back{width:300px;height:250px;left:0;top:0}.front{transform:translateZ(115px);background:linear-gradient(125deg,#bcc9e11c,#7597b904 45%,#a4b7d713);border-left:2px solid #9bb5ffb0;border-bottom:2px solid #aeb9d5b0;display:flex;align-items:center;justify-content:center;flex-direction:column}.back{transform:translateZ(-115px);background:linear-gradient(120deg,#4b6dba18,#fff03)}.left,.right{width:230px;height:250px;top:0;background:linear-gradient(90deg,#9ab9ff13,#a1baff05)}.left{left:-115px;transform:rotateY(-90deg)}.right{left:185px;transform:rotateY(90deg);border-right:2px solid #ff788b80}.lid,.bottom{width:300px;height:230px;left:0;transform:rotateX(90deg);background:linear-gradient(135deg,#d3ddf129,#7d98cf11)}.lid{top:-115px;box-shadow:inset 0 0 14px #fff1,0 0 14px #93adfb14;border:2px solid #bac9e9a0}.bottom{top:135px;background:#94a5d00c}.slot{width:190px;height:11px;position:absolute;top:109px;left:54px;background:#05070ce6;border:1px solid #c8d4eb70;box-shadow:0 2px 2px #fff4}.urn-logo{font-size:29px;letter-spacing:-2px;color:#d9e4f0bb;font-weight:700}.urn-caption{font-size:7px;letter-spacing:3px;color:#a6b4cd88;margin-top:12px}.edge{position:absolute;width:3px;height:250px;opacity:var(--zoom);pointer-events:none}.edge-a{left:0;transform:translateZ(116px);background:#759aff;box-shadow:0 0 9px #4778ff88}.edge-b{right:0;transform:translateZ(-115px);background:#ef7c8a;box-shadow:0 0 9px #ff4a5977}.paper{position:absolute;width:180px;height:220px;left:60px;top:-260px;transform-style:preserve-3d;transform:translateY(calc(var(--drop) * 260px)) rotateX(calc(var(--drop) * 77deg)) rotateZ(-7deg);transform-origin:center 75%;opacity:calc(1 - max(0,var(--drop) - .82) * 4);filter:drop-shadow(0 10px 15px #0005)}.paper-top,.paper-bottom{position:absolute;width:180px;height:110px;background:#efeee7;color:#24262c;display:flex;align-items:center;justify-content:center;backface-visibility:visible;box-shadow:inset 0 0 15px #00000005}.paper-top{top:0;transform-origin:center bottom;transform:rotateX(calc(var(--fold) * -179deg));background:linear-gradient(160deg,#faf9f1,#dcdcd4);z-index:2;flex-direction:column}.paper-top span{font-size:11px;font-weight:700;letter-spacing:2px}.paper-rule{width:26px;height:2px;background:#222;margin-top:13px}.paper-bottom{top:110px;flex-direction:column;border-top:1px solid #bdbdb566;gap:9px;background:linear-gradient(135deg,#e8e8df,#f6f5ed)}.paper-bottom span{font-size:10px;font-weight:700;letter-spacing:1px}.paper-bottom small{font-size:5px;letter-spacing:1.2px}.paper-lines{display:flex;gap:3px;margin-bottom:2px}.paper-lines i{height:9px;width:3px;background:#2d53ae}.paper-lines i:nth-child(2){background:#aaa}.paper-lines i:nth-child(3){background:#b43f49}.intro-caption{position:absolute;bottom:145px;left:64px;right:64px;display:flex;justify-content:space-between;align-items:center;color:#a8acb8;opacity:calc(1 - var(--rise));font-size:13px;letter-spacing:.1px}.intro-count{font-size:10px;font-variant-numeric:tabular-nums;color:#747988}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);text-align:center;display:flex;align-items:center;flex-direction:column;gap:12px;white-space:nowrap;opacity:calc(1 - var(--rise))}.scroll-cue>span:first-child{font-size:8px;letter-spacing:2px;color:#6e768b}.scroll-cue>span:last-child{font-size:10px;color:#bfc2ce}.scroll-line{height:25px;width:1px;background:linear-gradient(var(--blue),#ffffffaa,var(--red))}.hero{position:relative;margin-top:-10vh;padding-top:0;padding-bottom:70px;z-index:2}.hero-label{display:flex;justify-content:space-between;align-items:center;color:#9da3b5}.hero-label>span:last-child{font-size:11px}.hero h1{font-size:clamp(62px,7.5vw,108px);letter-spacing:-6px;line-height:1.12;font-weight:600;margin:35px 0 40px}.hero h1>span{color:#a6a9b1}.red-text{color:var(--red)}.blue-text{color:var(--blue)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:45px}.hero-bottom>p{color:#b3b5bd;max-width:480px;line-height:1.9;font-size:15px;margin:0}.hero-action{min-width:265px}.button-main{background:#f3f3ef;color:#101116;border:1px solid #f3f3ef;border-radius:3px;padding:17px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:50px;font-size:13px;font-weight:700;min-width:230px;transition:background .2s,box-shadow .2s,transform .2s}.button-main:hover{background:white;transform:translateY(-2px);box-shadow:-6px 4px 22px #4778ff22,6px 4px 22px #ff4a591c}.button-main>span{font-size:22px;font-weight:400;line-height:1}.small-note{font-size:10px!important;color:#858a9a!important;margin:12px 0 0}.hero-footer{border-top:1px solid var(--line);margin-top:66px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#878c9c}.hero-footer>span:first-child{font-size:8px;letter-spacing:1.2px}.status-dot{margin-right:7px}.down-arrow{font-size:19px;color:#c6cbd6}.principle{padding-top:100px;padding-bottom:100px}.section-heading{display:grid;grid-template-columns:1fr 2fr;column-gap:65px;align-items:start}.index{color:#868fa6}.section-heading>.index{padding-top:10px}.section-heading h2,h2{font-size:clamp(32px,3.5vw,48px);font-weight:600;line-height:1.25;letter-spacing:-1.8px;margin:0}.section-heading>p{grid-column:2;margin:20px 0 0;font-size:14px;color:var(--muted);line-height:1.8}.steps{margin-top:55px;border-top:1px solid var(--line)}.steps article{display:grid;grid-template-columns:1fr 2fr 40px;gap:65px;align-items:start;padding:35px 0;border-bottom:1px solid var(--line)}.step-number{font-size:33px;line-height:1.3;letter-spacing:-1px;color:#697285}.steps h3{font-size:20px;font-weight:600;letter-spacing:-.5px;margin:0 0 10px}.steps p{font-size:13px;line-height:1.9;color:var(--muted);max-width:450px;margin:0}.step-icon{font-size:24px;color:var(--blue)}.steps article:nth-child(2) .step-icon{color:#e7e8ee}.steps article:nth-child(3) .step-icon{color:var(--red)}.themes-section{position:relative;padding:62px 0 69px;border-top:1px solid #3853b288;border-bottom:1px solid #8b364488;background:radial-gradient(ellipse at left top,#223f8821,transparent 50%),radial-gradient(ellipse at right bottom,#7b27351a,transparent 50%)}.themes-section:before,.themes-section:after{content:'';position:absolute;height:1px;width:26%;top:-1px;left:10%;background:#7095ff;box-shadow:0 0 9px #4778ff,0 0 22px #4778ff80}.themes-section:after{top:auto;bottom:-1px;left:auto;right:10%;background:#fb8d99;box-shadow:0 0 9px #ff4a59,0 0 22px #ff4a5970}.themes-head{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:35px}.themes-head>span:last-child{font-size:11px;color:#9298a9}.theme-list{display:flex;flex-wrap:wrap;gap:14px 36px}.theme-list>span{font-size:clamp(22px,2.8vw,37px);letter-spacing:-1px;color:#d4d7df}.theme-list sup{vertical-align:super;font-size:8px;color:#69738a;letter-spacing:0;margin-left:8px}.result-section{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.result-copy h2{margin:25px 0}.muted{color:#747b8b}.result-copy>p{font-size:14px;color:var(--muted);line-height:1.9;max-width:430px}.text-link{display:inline-flex;align-items:center;gap:30px;color:#c0cced;border:0;border-bottom:1px solid #414b61;background:none;font-size:12px;padding:8px 0;margin-top:17px}.text-link:hover{color:white}.text-link span{font-size:17px}.result-preview{position:relative;background:linear-gradient(130deg,#151a26,#0d1017);border:1px solid #343d52;border-radius:4px;padding:27px;box-shadow:0 0 70px #244e9a0c}.result-preview:before{content:'';position:absolute;top:-1px;left:10%;width:80%;height:1px;background:linear-gradient(90deg,#4778ff,#d1d9ed,#ff4a59);box-shadow:0 -3px 20px #668eff44}.preview-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#8791a9}.preview-profile{display:flex;gap:14px;align-items:center;margin:25px 0}.profile-monogram{width:43px;height:48px;background:#2a3247;color:#c3cce3;display:grid;place-items:center;font-size:20px}.preview-profile h3{font-size:16px;font-weight:600;margin:0}.preview-profile p{font-size:10px;color:#949bad;margin:4px 0 0}.example-row{display:flex;gap:14px;padding:18px 0;border-top:1px solid #29303f}.example-row>span{font-size:21px}.agreement{color:#89a8ff}.disagreement{color:#f29da7}.example-row b{font-size:12px;font-weight:600}.example-row p{font-size:11px;color:#929aab;margin:4px 0 0}.preview-bottom{display:flex;justify-content:space-between;border-top:1px solid #29303f;padding-top:16px;font-size:9px;color:#a3acc0}.approach{padding-top:15px;padding-bottom:100px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.approach-grid article{border-top:1px solid var(--line);padding-top:23px}.approach-symbol{font-size:23px;color:var(--blue)}.approach-grid article:nth-child(2) .approach-symbol{color:white}.approach-grid article:nth-child(3) .approach-symbol{color:var(--red)}.approach-grid h3{font-size:21px;font-weight:600;margin:18px 0 10px;letter-spacing:-.6px}.approach-grid p{font-size:13px;color:var(--muted);line-height:1.9}.faq{padding-bottom:100px}.faq>.index{display:block;margin-bottom:30px}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:24px 0;font-size:16px;letter-spacing:-.3px}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:21px;color:#8e98af}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:13px;color:var(--muted);max-width:700px;line-height:1.9;margin:0 0 24px}.final-cta{padding-top:45px;padding-bottom:100px;text-align:center;position:relative}.final-cta h2{font-size:clamp(45px,5.5vw,72px);letter-spacing:-3px;margin:27px 0 35px;line-height:1.17}.final-cta>.small-note{display:block}.footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer p{font-size:10px;color:#858b9d;line-height:1.8}.footer>a:last-child,.footer>button{font-size:10px;color:#a4abbc}.footer>button{border:0;background:none;padding:0}dialog{color:var(--fg);background:#0c0e14;border:1px solid #3b4253;padding:0;max-height:92svh}dialog::backdrop{background:#030409bd;backdrop-filter:blur(12px)}#quizDialog{width:min(800px,calc(100% - 32px));border-radius:7px}.quiz-shell{min-height:590px;display:flex;flex-direction:column}.quiz-header{padding:24px 32px;display:flex;justify-content:space-between;gap:20px;align-items:center}.quiz-header .logo{font-size:24px}.demo-tag{font-size:8px;letter-spacing:1.5px;color:#929ab0}.close-button{width:32px;height:32px;background:none;border:1px solid #3b4253;border-radius:50%;font-size:21px;line-height:1;display:grid;place-items:center;color:#c9ced9}.quiz-progress{height:2px;background:#232a3a}.quiz-progress>div{height:100%;background:#7195ff;transition:width .25s;width:0}#quizContent{padding:35px 65px 40px;flex:1}.quiz-step-top{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8c96af;letter-spacing:1px}.quiz-question{font-size:28px;letter-spacing:-1px;line-height:1.4;margin:22px 0;font-weight:600}.quiz-lead{font-size:13px;color:#a5adbf;line-height:1.8}.topic-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.topic-buttons button{padding:11px 16px;border:1px solid #3d4558;background:#151a25;border-radius:3px;font-size:12px}.topic-buttons button[aria-pressed=true]{background:#233b76;border-color:#769bff;color:#fff}.quiz-actions{display:flex;justify-content:space-between;align-items:center;margin-top:26px;gap:20px}.quiz-actions>.button-main{padding:13px 20px;min-width:170px}.back-button{border:0;background:none;color:#a3adc3;font-size:12px;padding:8px 0}.selection-note{font-size:10px;color:#98a4bf}.explanation{border:1px solid #30394c;border-radius:3px;margin-bottom:20px}.explanation summary{padding:11px 14px;cursor:pointer;color:#b7c7ee;font-size:11px;list-style:none}.explanation summary:before{content:'＋';margin-right:9px}.explanation[open] summary:before{content:'−'}.explanation p{font-size:12px;color:#a4adbf;padding:0 14px 14px;line-height:1.85;margin:0}.answer-options{display:grid;gap:8px}.answer-options button{background:#10141e;border:1px solid #30384a;border-radius:3px;padding:13px 17px;text-align:left;font-size:12px;display:flex;gap:13px;align-items:center}.answer-options button:before{content:'';width:12px;height:12px;border:1px solid #66718a;border-radius:50%;flex-shrink:0}.answer-options button:hover{border-color:#7888ae}.answer-options button[aria-pressed=true]{border-color:#7398ff;background:#18284e}.answer-options button[aria-pressed=true]:before{border:4px solid #92afff;background:#fff}.quiz-footer{padding:18px 32px;border-top:1px solid #262d3c;display:flex;justify-content:space-between;font-size:9px;color:#8e98b0;gap:20px}.summary-list{padding:0;list-style:none;margin:25px 0}.summary-list li{padding:14px 0;border-bottom:1px solid #2b3345;display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:11px}.summary-list li span{color:#b7c6ec}.summary-list li b{font-weight:400;color:#929cb1}.notice{font-size:12px;padding:15px;border-left:2px solid #7398ff;background:#16213a66;color:#abb9d5;line-height:1.8}#infoDialog{width:min(590px,calc(100% - 32px));padding:35px;border-radius:5px}#infoDialog>.close-button{float:right}#infoDialog>.index{display:block;padding-top:7px}#infoDialog h2{font-size:31px;margin:28px 0 22px}#infoBody p,#infoBody li{font-size:13px;color:#b0b8c9;line-height:1.9}#infoBody ul{padding-left:20px}@media(min-width:1600px){.intro-top,.intro-caption{left:max(64px,calc((100vw - 1152px)/2));right:max(64px,calc((100vw - 1152px)/2))}}@media(max-width:900px){.content-width{padding-left:35px;padding-right:35px}.header{padding:0 30px}.intro-top,.intro-caption{left:35px;right:35px}.hero h1{letter-spacing:-4px}.hero-bottom{gap:30px}.hero-action{min-width:230px}.section-heading{gap:35px}.steps article{gap:35px}.result-section{gap:35px}.approach-grid{gap:25px}.light.blue{left:10%}.light.red{right:9%}}@media(max-width:600px){html{scroll-padding-top:30px}.content-width{padding-left:24px;padding-right:24px}.header{height:77px;padding:0 24px}.logo{font-size:27px}nav{gap:0}nav>a{display:none}.nav-quiz{font-size:10px;padding:10px 13px}.nav-quiz span{margin-left:15px}.intro{height:145svh;min-height:870px}.intro-sticky{min-height:590px}.intro-top{top:105px;left:24px;right:24px;gap:15px}.eyebrow{font-size:8px;letter-spacing:1px;gap:7px}.intro-top button{font-size:9px}.scene{perspective:1000px}.camera{left:50%;top:51%;scale:.73}.intro-caption{left:24px;right:24px;bottom:136px;font-size:11px;gap:20px}.intro-count{font-size:8px}.scroll-cue{bottom:26px}.scroll-cue>span:first-child{font-size:7px;letter-spacing:1.2px}.light{width:1px}.light.blue{left:0}.light.red{right:0}.light.white{right:23%}.hero{margin-top:-6vh;padding-bottom:35px}.hero-label .index{font-size:8px;letter-spacing:1px}.hero-label>span:last-child{font-size:9px}.hero h1{font-size:clamp(45px,11vw,66px);letter-spacing:-2.8px;margin:30px 0}.hero-bottom{display:block}.hero-bottom>p{font-size:13px;line-height:1.9}.hero-action{margin-top:26px}.hero-action .button-main{width:100%;font-size:13px}.small-note{text-align:center;font-size:9px!important}.hero-footer{margin-top:37px;padding-top:20px;gap:15px}.hero-footer>span:nth-child(2){display:none}.principle{padding-top:65px;padding-bottom:65px}.section-heading{display:block}.section-heading h2{margin-top:22px;font-size:32px;letter-spacing:-1.3px}.section-heading>p{font-size:12px;margin-top:16px}.index{font-size:8px;letter-spacing:1.4px}.steps{margin-top:30px}.steps article{grid-template-columns:35px 1fr 20px;gap:12px;padding:25px 0}.step-number{font-size:22px}.steps h3{font-size:17px}.steps p{font-size:12px}.step-icon{font-size:21px}.themes-section{padding:40px 0}.themes-head{display:block;margin-bottom:25px}.themes-head>span:last-child{display:block;font-size:10px;margin-top:12px}.theme-list{gap:10px 19px}.theme-list>span{font-size:25px;letter-spacing:-.7px}.theme-list sup{font-size:7px;margin-left:5px}.result-section{padding-top:70px;padding-bottom:70px;grid-template-columns:1fr;gap:30px}.result-copy h2{font-size:32px}.result-copy>p{font-size:12px}.result-preview{padding:22px}.approach{padding-bottom:65px}.approach-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}.approach-grid article{display:grid;grid-template-columns:28px 1fr;column-gap:14px;padding-top:20px}.approach-grid h3{margin:0;font-size:19px}.approach-grid p{grid-column:2;margin:7px 0 0;font-size:12px}.faq{padding-bottom:60px}.faq summary{font-size:14px;padding:21px 0}.faq details p{font-size:12px}.final-cta{padding-top:20px;padding-bottom:65px}.final-cta h2{font-size:43px;letter-spacing:-2px}.final-cta .button-main{width:100%}.footer{display:grid;grid-template-columns:1fr 1fr;padding-top:28px;padding-bottom:28px;gap:20px}.footer p{font-size:8px;margin:0}.footer>button{text-align:left}.footer>a:last-child{text-align:right}.quiz-header{padding:20px;gap:10px}.demo-tag{font-size:7px}.quiz-header .logo{font-size:22px}#quizContent{padding:25px 22px 30px}.quiz-question{font-size:24px;margin:20px 0}.quiz-shell{min-height:580px}.quiz-step-top{font-size:8px}.quiz-lead{font-size:12px}.topic-buttons{gap:8px}.topic-buttons button{font-size:11px;padding:10px 13px}.answer-options button{padding:12px;font-size:11px}.quiz-footer{padding:16px 20px;font-size:8px}.quiz-footer>span:last-child{display:none}.quiz-actions .button-main{min-width:145px;gap:20px;font-size:11px}.summary-list li{font-size:10px}#infoDialog{padding:25px}#infoDialog h2{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.intro{height:100svh;min-height:620px}.intro-sticky{position:relative}.camera{transform:scale(1) translateY(0)!important}.paper{opacity:0!important}.face,.edge{opacity:1!important}.hero{margin-top:0;padding-top:35px}}
/* Keep the headline in the same scroll sequence as the departing urn. */
.hero{margin-top:-60vh}.paper-top{backface-visibility:hidden}@media(max-width:600px){.hero{margin-top:-45svh}}@media(prefers-reduced-motion:reduce){.hero{margin-top:0}}
/* A shorter, scroll-directed edition. */
:root{--reveal:0}.header{position:fixed;height:78px;background:#08090cbb;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0c;transition:background .2s}.header.scrolled{background:#08090ce8}.nav-quiz{background:#f3f3ef;color:#0a0d15;border-color:#f3f3ef;font-weight:700}.nav-quiz:hover{background:#4778ff;border-color:#4778ff;color:white}.intro{height:175svh;min-height:0}.intro-sticky{height:100svh;min-height:620px}.hero{position:absolute;top:30%;left:0;right:0;width:100%;margin:0 auto!important;padding-top:0;padding-bottom:0;opacity:var(--reveal);transform:translateY(calc((1 - var(--reveal)) * 65px));will-change:transform,opacity}.hero h1{font-size:clamp(54px,6vw,84px);letter-spacing:-4px;margin:0 0 35px;line-height:1.15}.hero-bottom{gap:50px}.hero-bottom>p{max-width:380px;font-size:14px}.hero-action{min-width:240px}.intro-top{top:115px}.scene{opacity:calc(1 - var(--rise));transform:translateY(calc(var(--rise) * -70vh))}.camera{top:51%}.scroll-cue{bottom:35px}.scene-backdrop{background:radial-gradient(ellipse at 50% 57%,#151a28 0%,#0b0d14 35%,#08090c 72%)}body:before,body:after{content:'';position:fixed;pointer-events:none;z-index:3;width:1px;height:45vh;top:30vh;opacity:.5;background:linear-gradient(transparent,#4778ff,transparent);box-shadow:0 0 20px 2px #4778ff33;left:15px}body:after{left:auto;right:15px;background:linear-gradient(transparent,#ff4a59,transparent);box-shadow:0 0 20px 2px #ff4a592b}.blue-banner{background:#2354ff;position:relative;overflow:hidden;border-top:1px solid #9cb9ff;box-shadow:0 -6px 35px #3066ff25}.banner-inner{min-height:255px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;padding-top:38px;padding-bottom:38px}.banner-kicker{font-size:9px;letter-spacing:1.5px;color:#d7e0ff}.blue-banner h2{font-size:clamp(32px,3.5vw,46px);line-height:1.16;margin:15px 0 10px;letter-spacing:-1.5px;color:white}.blue-banner p{font-size:12px;color:#d7e0ff;margin:0}.blue-banner .button-main{z-index:1;min-width:240px}.banner-asterisk{font-size:310px;position:absolute;right:25%;top:50%;transform:translateY(-50%) rotate(15deg);line-height:1;opacity:.08;color:white;pointer-events:none}.principle{padding-top:65px;padding-bottom:55px}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:center}.section-heading h2{font-size:29px;letter-spacing:-1px}.section-heading>.index{padding:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:30px;border:0}.steps article{display:block;padding:20px 0;border-top:1px solid var(--line);border-bottom:0;position:relative}.steps .step-number{font-size:15px;letter-spacing:0;color:#7583a1}.steps h3{font-size:19px;margin-top:16px;margin-bottom:8px}.steps p{font-size:12px;max-width:230px}.step-icon{position:absolute;top:20px;right:0;font-size:20px}.approach{padding-top:0;padding-bottom:30px}.approach-grid{margin-top:0;gap:35px}.approach-grid article{padding-top:18px}.approach-symbol{font-size:19px}.approach-grid h3{font-size:17px;margin:12px 0 7px}.approach-grid p{font-size:11px;max-width:250px;margin:0}.approach>.text-link{font-size:11px;margin-top:20px}.faq{padding-top:20px;padding-bottom:40px}.faq>.index{margin-bottom:15px}.faq summary{font-size:14px;padding:19px 0}.faq details p{font-size:12px}.footer{padding-top:24px;padding-bottom:28px}.footer p{max-width:280px;font-size:9px}.hero .small-note{text-align:left}.footer .logo{font-size:25px}@media(max-width:600px){.header{height:72px}.intro{height:175svh;min-height:0}.intro-sticky{min-height:560px}.intro-top{top:100px}.hero{top:28%;padding-left:26px;padding-right:26px}.hero h1{font-size:clamp(43px,10.7vw,62px);letter-spacing:-2.7px;margin-bottom:25px}.hero-bottom>p{font-size:13px;max-width:330px}.hero-action{margin-top:25px}.hero-action .button-main{width:100%}.hero .small-note{text-align:center}.scroll-cue{bottom:35px}.scroll-cue>span:first-child{font-size:6px;letter-spacing:1px}.scroll-cue>span:last-child{font-size:9px}.banner-inner{min-height:280px;display:block;padding-top:30px;padding-bottom:30px}.blue-banner h2{font-size:34px}.blue-banner .button-main{min-width:0;width:100%;margin-top:24px}.blue-banner p{font-size:11px}.banner-asterisk{font-size:240px;right:-45px;top:80px}.principle{padding-top:38px;padding-bottom:24px}.section-heading{display:block}.section-heading h2{font-size:24px;margin-top:15px}.steps{gap:0;display:block;margin-top:20px}.steps article{display:grid;grid-template-columns:28px 1fr 20px;gap:10px;padding:19px 0}.steps h3{margin-top:0;font-size:16px;margin-bottom:3px}.steps p{max-width:none;font-size:11px}.step-icon{position:static;font-size:18px}.step-number{padding-top:2px}.approach-grid{gap:15px}.approach-grid article{padding-top:15px}.approach-grid h3{font-size:16px}.approach-grid p{font-size:11px;max-width:none}.approach{padding-bottom:20px}.faq{padding-top:15px;padding-bottom:25px}.faq summary{font-size:12px;padding:18px 0}.footer{gap:17px}.footer p{font-size:8px}body:before{left:7px}body:after{right:7px}}@media(prefers-reduced-motion:reduce){.intro{height:90svh;min-height:560px}.intro-sticky{height:100%;min-height:560px}.hero{opacity:1;transform:none}.scene,.intro-top,.scroll-cue{display:none}.header{transition:none}}
.camera{transform:translateY(calc((1 - var(--zoom)) * 570px)) scale(calc(2.6 - var(--zoom) * 1.6))}.paper-bottom small{display:none}
/* Physical ballot scene and a more editorial, less segmented homepage. */
#ballotCanvas{width:100%;height:100%;display:none}.scene.webgl-ready #ballotCanvas{display:block}.scene.webgl-ready .camera{display:none}.scene.webgl-ready{opacity:1;transform:none}.scene{top:78px}.intro{height:190svh}.scene-backdrop{background:radial-gradient(ellipse at 50% 50%,#18202d 0%,#0b0e14 45%,#08090c 80%)}.intro-top{z-index:4}.paper-bottom{background:#d0dde8}.paper-top{background:#cad9e6;clip-path:polygon(0 100%,100% 100%,50% 0)}.face.front{border:6px solid #aeb4bc80}.face.lid{border:6px solid #b8beca}.edge{background:#bac1c8!important;box-shadow:none!important}.scroll-cue>span:first-child{display:none}.scroll-cue{gap:8px;bottom:24px}.blue-banner{background:#1747ff;border:0;box-shadow:none;isolation:isolate}.banner-grid{position:absolute;inset:0;background:linear-gradient(115deg,#1747ff 10%,#1441ed 65%,#102faa);z-index:-2}.banner-grid:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(90deg,transparent,#000);transform:perspective(700px) rotateY(-15deg) scale(1.3);transform-origin:right center}.banner-inner{min-height:330px;padding-top:48px;padding-bottom:48px}.banner-copy{position:relative;z-index:2}.banner-kicker{font-size:8px;letter-spacing:1.8px}.blue-banner h2{font-size:clamp(32px,3.8vw,50px);line-height:1.2;letter-spacing:-2px;margin:25px 0 28px;max-width:820px}.blue-banner h2 em{font-style:normal;color:#b6cbff}.banner-button{display:inline-flex;align-items:center;justify-content:space-between;min-width:210px;gap:60px;background:transparent;color:#fff;border:0;border-bottom:1px solid #ffffffb0;padding:8px 0;font-weight:700;font-size:13px}.banner-button:hover{border-color:white;color:#dce6ff}.banner-button>span{font-size:24px}.banner-orbit{position:absolute;right:-80px;top:50%;width:470px;height:470px;transform:translateY(-50%) rotate(-25deg);z-index:-1;opacity:.6;pointer-events:none}.banner-orbit>span{position:absolute;inset:0;border:1px solid #acc7ff88;border-radius:50%;box-shadow:0 0 20px #9dbbff0d}.banner-orbit>span:nth-child(2){inset:45px}.banner-orbit>span:nth-child(3){inset:90px}.banner-orbit>i{position:absolute;inset:136px;border:1px solid #e8efffff;border-radius:50%;background:#6285ff22;box-shadow:0 0 75px #9ab6ff33}.editorial{padding-top:65px;padding-bottom:38px}.editorial-line{display:flex;align-items:center;gap:35px}.editorial-line .index{font-size:8px;letter-spacing:1.5px;white-space:nowrap}.editorial-rule{height:1px;background:linear-gradient(90deg,#3758ac,#d2d6e366,#b44354);flex:1;box-shadow:0 0 15px #4778ff20}.editorial h2{font-size:clamp(42px,5vw,68px);line-height:1.15;letter-spacing:-3px;margin:30px 0}.editorial h2>span{color:#7f91b5}.editorial-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}.editorial-bottom p{font-size:14px;line-height:1.9;margin:0;color:#a1a8b7}.editorial-bottom strong{font-weight:400;color:#f0f1f6}.editorial-cta{background:none;border:0;border-bottom:1px solid #3c4c6a;font-size:12px;padding:10px 0;display:flex;gap:55px;align-items:center}.editorial-cta span{font-size:20px;color:#89aaff}.approach{padding-top:0;padding-bottom:18px}.approach-inline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #262d3c;padding-top:22px;gap:35px}.approach-inline>p{font-size:11px;color:#8e96a8;line-height:1.9;margin:0}.approach-inline strong{font-size:12px;color:#c2c9d8;font-weight:400}.approach-inline>.text-link{margin:0;font-size:10px;white-space:nowrap}.faq{padding-top:20px;padding-bottom:30px}.faq>.index{display:none}@media(max-width:600px){.intro{height:190svh}.scene{top:72px}.hero{top:27%}.banner-inner{min-height:310px;padding-top:32px;padding-bottom:35px}.blue-banner h2{font-size:32px;letter-spacing:-1.4px;margin:24px 0 25px}.banner-kicker{font-size:7px;letter-spacing:1px;max-width:240px;display:block}.banner-button{min-width:200px;font-size:12px}.banner-orbit{width:300px;height:300px;right:-160px;top:75%;opacity:.4}.banner-orbit>span:nth-child(2){inset:30px}.banner-orbit>span:nth-child(3){inset:60px}.banner-orbit>i{inset:90px}.editorial{padding-top:40px;padding-bottom:28px}.editorial-line{gap:15px}.editorial-line .index{font-size:6px;letter-spacing:.8px}.editorial h2{font-size:45px;letter-spacing:-2px;margin:26px 0}.editorial-bottom{display:block}.editorial-bottom p{font-size:12px}.editorial-cta{margin-top:18px;font-size:11px;gap:45px}.approach-inline{display:block;padding-top:18px}.approach-inline>p{font-size:10px}.approach-inline>.text-link{margin-top:12px}.faq{padding-bottom:20px}.scroll-cue>span:last-child{font-size:8px}}@media(prefers-reduced-motion:reduce){.intro{height:90svh;min-height:560px}.scene{display:none}}
/* Hardware and paper detail for the GPU-independent fallback. */
.scene:not(.webgl-ready) .camera{transform:translateY(calc((1 - var(--zoom)) * 570px + var(--close) * 15px)) scale(calc(2.6 - var(--zoom) * 1.6 + var(--close) * 1.1))}.scene:not(.webgl-ready) .assembly{transform:rotateX(-15deg) rotateY(-22deg)}.face.front,.face.back{border:5px solid #a7b1bb;box-shadow:inset 0 0 0 1px #edf3ff88,inset 2px 0 0 #4a515e,0 0 0 1px #313b4a}.face.front{background:linear-gradient(115deg,#e9f2ff19,#c5d9e50b 35%,#d3dfea1c 65%,#3d495d05)}.face.right,.face.left{border:4px solid #99a5b1;background:linear-gradient(95deg,#9bb8d50d,#e6f2ff20)}.face.lid{border:5px solid #c1c7ca;background:linear-gradient(135deg,#e5f2ff32,#9eafc226);box-shadow:inset 0 0 0 1px #fff8,0 4px 1px #454e5f}.slot{border:2px solid #9fa7b2;background:#0c1016;box-shadow:0 1px 1px #fff9;width:218px;left:36px;height:8px;top:110px}.edge{width:5px!important;opacity:var(--zoom);background:linear-gradient(90deg,#566273,#e6e9ec,#a4afbd)!important}.rivet{position:absolute;width:5px;height:5px;border-radius:50%;background:linear-gradient(120deg,#fff,#3c414b);box-shadow:0 0 0 1px #46505f;z-index:2}.rivet:after{content:'';position:absolute;width:3px;height:1px;left:1px;top:2px;background:#4b5057;transform:rotate(-30deg)}.r1{left:-4px;top:8px}.r2{right:-4px;top:8px}.r3{left:-4px;bottom:8px}.r4{right:-4px;bottom:8px}.lock-plate{position:absolute;width:23px;height:29px;right:43px;top:-3px;border:1px solid #4f5964;background:linear-gradient(90deg,#8b949e,#e1e6eb 40%,#89919a);box-shadow:1px 2px 1px #0008}.lock-plate:before{content:'';position:absolute;top:15px;left:7px;width:8px;height:8px;border:1px solid #7c858f;background:#d6d9da;border-radius:50%}.lock-plate i{position:absolute;width:2px;height:5px;background:#3d424b;left:11px;top:17px}.glass-reflection{position:absolute;inset:0;background:linear-gradient(108deg,transparent 20%,#e8f0ff15 21%,#e8f0ff0b 23%,transparent 24%,transparent 68%,#ffffff12 69%,transparent 75%);pointer-events:none}.hinge{position:absolute;top:-2px;width:30px;height:12px;border-radius:3px;background:repeating-linear-gradient(90deg,#767e87 0px,#d6dde3 3px,#777e88 5px);box-shadow:0 1px 2px #000a}.h1{left:45px}.h2{right:45px}.polling-table{position:absolute;width:650px;height:400px;left:-175px;top:70px;transform:translateY(190px) rotateX(90deg);transform-style:preserve-3d;opacity:var(--zoom);background:repeating-linear-gradient(0deg,#a28a6f 0px,#ad9376 2px,#998066 4px,#a98e70 6px);border:3px solid #81725f;box-shadow:0 12px 2px #5e5143,inset 0 0 90px #0007;z-index:-1}.polling-table:after{content:'';position:absolute;width:380px;height:270px;left:135px;top:60px;background:radial-gradient(ellipse,#0009,transparent 68%)}.inside-envelopes{position:absolute;left:30px;top:225px;width:240px;height:100px;transform-style:preserve-3d;opacity:var(--zoom)}.inside-envelopes>i{position:absolute;width:140px;height:90px;background:#b9cbd6;border:1px solid #7f9ba9;transform:rotateX(90deg) rotateZ(-20deg) translateZ(10px);box-shadow:0 1px 2px #0004}.inside-envelopes>i:nth-child(2){left:50px;transform:rotateX(90deg) rotateZ(23deg) translateZ(13px)}.inside-envelopes>i:nth-child(3){left:15px;transform:rotateX(90deg) rotateZ(-6deg) translateZ(16px)}.inside-envelopes>i:nth-child(4){left:80px;transform:rotateX(90deg) rotateZ(-30deg) translateZ(20px)}.paper-bottom{background:linear-gradient(130deg,#dce7ed,#c2d4df);overflow:hidden}.paper-top{background:linear-gradient(135deg,#d3e1e9,#c2d3df)}.envelope-seam{position:absolute;width:120px;height:1px;background:#8da8b65c;bottom:30px}.seam-left{left:-8px;transform:rotate(-33deg)}.seam-right{right:-8px;transform:rotate(33deg)}
.banner-pointer{position:absolute;right:60px;top:50%;transform:translateY(-53%);font-family:Manrope,sans-serif;font-size:310px;line-height:1;font-weight:400;color:#a9c1ff;opacity:.24;pointer-events:none;z-index:-1}.banner-grid:after{background:none}.blue-banner{background:#184aff}.banner-grid{background:linear-gradient(110deg,#184aff,#1745f4)}@media(max-width:600px){.banner-pointer{right:-12px;top:65%;font-size:200px;opacity:.12}}
/* One continuous lighting environment, from the envelope to the footer. */
body{background:#08090c;isolation:isolate}.site-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,#141b29 0%,#0b0e15 41%,#08090c 78%)}.ambient-field{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 40%,#1d48ac0c,transparent 40%),radial-gradient(ellipse at 94% 30%,#ad28350b,transparent 34%)}.site-backdrop .light{height:68%;top:13%;opacity:.65}.site-backdrop .light.blue{left:16%;transform:rotate(32deg)}.site-backdrop .light.red{right:14%;top:8%;height:57%;transform:rotate(32deg)}.site-backdrop .light.white{right:24%;height:31%;top:54%;transform:rotate(32deg)}body:before,body:after{display:none}.intro-sticky{background:transparent}.editorial,.approach,.faq,.footer{background:transparent}.editorial{padding-top:34px;padding-bottom:32px}.editorial h2{color:#f3f3ef}.editorial h2>span{color:#8fa7d3}.editorial-bottom>p{color:#b1b9ca}.editorial-bottom strong{color:#f3f3ef}.approach-inline{border-top-color:#99b2e02d}.approach-inline>p{color:#a1acc0}.approach-inline strong{color:#d4dbea}.faq details{border-color:#99b2e026}.footer{border-top-color:#99b2e026}.footer p,.footer>a:last-child,.footer>button{color:#a1abc0}.header{background:#08090cbb}.header.scrolled{background:#08090cdb}.editorial-cta:hover,.text-link:hover{color:#fff;border-color:#a8c1ff}.nav-quiz:focus-visible,.button-main:focus-visible{outline-color:#9ab6ff}.editorial-cta{border-bottom-color:#a0b9ed66}.editorial-rule{background:linear-gradient(90deg,#4778ff99,#d2d6e377,#ff4a5977);box-shadow:0 0 15px #4778ff26}.intro{margin-bottom:0}@media(max-width:600px){.site-backdrop .light.blue{left:0}.site-backdrop .light.red{right:0}.site-backdrop .light.white{right:23%}.editorial{padding-top:28px;padding-bottom:26px}}
@font-face{font-family:Outfit;src:url('fonts/outfit-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url('fonts/outfit-semibold.ttf') format('truetype');font-weight:600 800;font-display:swap}body{font-family:Outfit,'Trebuchet MS',sans-serif;font-size:17px}.logo{font-family:Outfit,sans-serif;font-weight:600;font-size:32px;letter-spacing:-1.2px}nav{font-size:15px}.nav-quiz{font-size:15px;padding:12px 22px}.hero h1{font-size:clamp(60px,7vw,98px);font-weight:600;letter-spacing:-3px}.hero-bottom>p{font-size:20px;line-height:1.6;max-width:470px;color:#c2c9d7}.button-main{font-size:17px;min-width:255px;padding:19px 25px}.hero-action{min-width:285px}.hero .small-note{font-size:13px!important;line-height:1.5}.editorial h2{font-size:clamp(48px,6vw,78px);font-weight:600;letter-spacing:-2px}.editorial-line .index{font-size:12px;letter-spacing:1px}.editorial-bottom p{font-size:21px;line-height:1.7}.editorial-cta{font-size:17px;padding:13px 0}.approach-inline>p{font-size:17px;line-height:1.7}.approach-inline strong{font-size:20px}.approach-inline>.text-link{font-size:15px}.faq summary{font-size:19px;padding:23px 0}.faq details p{font-size:17px;line-height:1.8}.footer p,.footer>a:last-child,.footer>button{font-size:13px}.footer p{max-width:340px}.eyebrow{font-size:11px}.intro-top button{font-size:13px}.scroll-cue>span:last-child{font-size:12px}.quiz-step-top{font-size:12px}.quiz-question{font-size:32px}.quiz-lead{font-size:16px}.answer-options button,.topic-buttons button{font-size:15px}.explanation summary{font-size:14px}.explanation p{font-size:15px}.quiz-footer{font-size:11px}.opening-sheet{position:absolute;z-index:5;background:#f4f3ee;color:#111318;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 1px #fff8,0 25px 90px #0004;overflow:hidden;will-change:width,height,left,top,opacity;pointer-events:none;left:38px;right:38px;top:10%;height:76%}.opening-slogan{text-align:center;font-size:clamp(44px,6.7vw,100px);line-height:1.09;font-weight:600;letter-spacing:-3px;flex:none;white-space:nowrap;padding:30px}.opening-slogan span{color:#2959dc}.scene:not(.webgl-ready) .assembly{transform:rotateX(calc((1 - var(--close)) * -12deg)) rotateY(0deg)}.scene:not(.webgl-ready) .paper{transform:translateY(calc(var(--drop) * 260px)) rotateX(0deg) rotateZ(0deg);opacity:var(--paper-show)}.paper-bottom{background:linear-gradient(130deg,#faf9f3,#dfdfd6)}.paper-top{background:linear-gradient(135deg,#faf9f3,#e4e4da)}.scene:not(.webgl-ready) .camera{transform:translateY(calc((1 - var(--zoom)) * 570px)) scale(calc(2.6 - var(--zoom) * 1.6 + var(--close) * 1.1))}.front{background:linear-gradient(100deg,#e9f2ff12,#a9c1db07 45%,#e8f3ff16)}.glass-reflection{opacity:.7}.editorial{padding-top:42px;padding-bottom:40px}.approach-inline{padding-top:27px;padding-bottom:10px}.footer{gap:25px}@media(max-width:600px){.logo{font-size:29px}.nav-quiz{font-size:12px;padding:11px 15px}.hero{top:25%}.hero h1{font-size:clamp(43px,11vw,64px);letter-spacing:-1.8px}.hero-bottom>p{font-size:18px;line-height:1.55}.hero-action{min-width:0}.hero-action .button-main{font-size:16px}.hero .small-note{font-size:11px!important}.editorial h2{font-size:49px;letter-spacing:-1.6px}.editorial-line .index{font-size:9px;letter-spacing:.5px;white-space:normal;max-width:230px}.editorial-bottom p{font-size:19px;line-height:1.65}.editorial-cta{font-size:16px}.approach-inline>p{font-size:16px;line-height:1.65}.approach-inline strong{font-size:18px}.approach-inline>.text-link{font-size:14px}.faq summary{font-size:17px}.faq details p{font-size:16px}.footer p,.footer>a:last-child,.footer>button{font-size:11px}.footer .logo{font-size:28px}.eyebrow{font-size:9px}.intro-top button{font-size:11px}.scroll-cue>span:last-child{font-size:10px}.opening-sheet{left:16px;right:16px}.opening-slogan{font-size:clamp(30px,7.4vw,45px);letter-spacing:-1px;padding:14px;line-height:1.17}.quiz-question{font-size:27px}.quiz-lead{font-size:15px}.answer-options button,.topic-buttons button{font-size:14px}.explanation summary{font-size:13px}.explanation p{font-size:14px}.quiz-step-top{font-size:10px}.quiz-footer{font-size:10px}}@media(prefers-reduced-motion:reduce){.opening-sheet{display:none}}
.scene:not(.webgl-ready) .paper{transform:translateY(calc(var(--drop) * 335px)) rotateX(calc(var(--land) * -90deg)) rotateZ(0deg) scale(calc(1 - var(--zoom) * .45));transform-origin:50% 75%}.inside-envelopes>i{width:100px;height:64px;background:#e5e6df}.polling-table{background:linear-gradient(0deg,#9f8870,#b59a7b);box-shadow:0 12px 2px #5e5143,inset 0 0 90px #0007}.portrait-wall{position:absolute;top:10%;left:4%;right:4%;height:35%;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;align-items:center;opacity:calc(var(--zoom) * (1 - var(--rise)) * .6);transform:translateY(calc(var(--rise) * -45vh));pointer-events:none}.portrait-wall figure{margin:0;position:relative;padding:5px;background:#afb5bd;border:1px solid #c8cdd055;box-shadow:0 4px 22px #0007;overflow:hidden}.portrait-wall img{width:100%;height:150px;display:block;object-fit:cover;object-position:center 25%;filter:grayscale(1) contrast(.9) brightness(.7)}.portrait-wall figcaption{font-size:9px;color:#e1e5ed;background:#121924;padding:5px 2px;text-align:center;line-height:1.2}.portrait-wall:after{content:'Personnalités politiques · Décor illustratif, sans préjuger des candidatures';position:absolute;left:0;right:0;bottom:-26px;text-align:center;font-size:9px;color:#9ba8bf}.scene.webgl-ready .portrait-wall{display:none}.editorial-bottom>p{max-width:820px;font-size:21px;line-height:1.7}.editorial h2{background:linear-gradient(100deg,#fff 0%,#dbe5ff 55%,#8daffd 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.editorial h2>span{color:inherit}.hero-bottom>p{max-width:580px}.footer{flex-wrap:wrap}.footer>button{white-space:nowrap}.credits-list{padding:0;list-style:none}.credits-list li{border-bottom:1px solid #ffffff20;padding:15px 0}.credits-list a{color:#a9c4ff;text-decoration:underline}.credits-list small{font-size:12px}.credits-list p{margin:5px 0}@media(max-width:600px){.portrait-wall{left:3%;right:3%;top:16%;gap:6px}.portrait-wall img{height:78px}.portrait-wall figure{padding:2px}.portrait-wall figcaption{font-size:6px;padding:3px 0}.portrait-wall:after{font-size:7px;bottom:-30px;padding:0 12px}.editorial-bottom>p{font-size:18px}.editorial-bottom>p br{display:none}.editorial-bottom>p strong{display:block;margin-top:8px}}
/* A scroll-driven wall of portraits, followed by the product story. */
:root{--wall:0;--pan:0}.intro{height:450svh}.scene:not(.webgl-ready) .camera{opacity:calc(1 - var(--wall));transform:translateY(calc((1 - var(--zoom)) * 570px - var(--wall) * 80px)) scale(calc(2.6 - var(--zoom) * 1.6 + var(--close) * 1.1 + var(--wall) * 2))}.portrait-wall{top:24%;left:0;right:0;height:55%;display:block;overflow:hidden;opacity:calc(var(--wall) * (1 - var(--rise)));transform:translateY(calc(var(--rise) * -35vh));padding:10px 0 35px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.portrait-track{display:flex;align-items:stretch;gap:22px;padding:0 55px;width:max-content;height:100%;will-change:transform}.portrait-wall figure{width:clamp(205px,20vw,300px);flex:none;padding:7px;background:linear-gradient(125deg,#788392,#313a48);border:1px solid #b3c1d344;box-shadow:0 12px 35px #0006;display:flex;flex-direction:column}.portrait-wall img{width:100%;height:calc(100% - 45px);flex:1;min-height:0;object-fit:cover;object-position:center 22%;filter:grayscale(.7) contrast(.95) brightness(.9)}.portrait-wall figcaption{font-size:17px;color:#e2e7f1;background:#111721;padding:12px 5px;line-height:1.2;min-height:43px}.portrait-wall:after{display:none}.portrait-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#25354f,#101723);color:#91a5cc;font-size:62px;font-weight:600;letter-spacing:-3px;min-height:0}.portrait-placeholder small{font-size:11px;font-weight:400;letter-spacing:0;color:#a0adbf;margin-top:20px}.gallery-hud{position:absolute;left:64px;right:64px;top:105px;bottom:25px;z-index:6;display:flex;flex-direction:column;pointer-events:none;opacity:0}.gallery-heading{display:flex;align-items:center;justify-content:space-between;color:#a1b1ce;font-size:14px}.gallery-heading .index{font-size:11px}.gallery-hud>p{font-size:21px;line-height:1.35;margin:14px 0;color:#a5b3cc}.gallery-hud>p strong{font-weight:400;color:#e1e9f7}.gallery-controls{margin-top:auto;display:flex;align-items:center;gap:12px;pointer-events:auto}.gallery-controls>button{width:40px;height:40px;border:1px solid #7085aa66;background:#101827c9;border-radius:50%;font-size:20px}.gallery-controls>button:hover{border-color:#9bb8fb;background:#1d3155}.gallery-controls>span{font-size:11px;color:#a1aec6;margin-left:10px}.gallery-controls>#gallerySkip{width:auto;border:0;border-radius:0;background:none;font-size:12px;margin-left:auto}.gallery-progress{height:1px;background:#819ac033;margin-top:18px}.gallery-progress>i{display:block;height:100%;background:linear-gradient(90deg,#4778ff,#e8edff,#ff4a59);width:0;box-shadow:0 0 15px #8caeff55}.gallery-hud>small{color:#8794ad;font-size:9px;margin-top:10px;letter-spacing:.2px}.product-story{padding-top:55px;padding-bottom:55px;display:grid;grid-template-columns:1fr 1.25fr;gap:65px;border-top:1px solid #9bb6e62b}.story-heading h2{font-size:clamp(35px,4vw,52px);line-height:1.2;letter-spacing:-1.5px;margin-top:24px}.story-heading h2 span{color:#92a9d2}.story-intro{font-size:20px;line-height:1.65;margin:0 0 28px;color:#c6d0e2}.story-row{display:flex;gap:22px;border-top:1px solid #9bb6e622;padding:24px 0}.story-sign{font-size:29px;line-height:1;flex:none;width:25px}.story-row h3{font-size:20px;font-weight:400;line-height:1.35;letter-spacing:-.3px;margin:0 0 12px;color:#e7edf8}.story-row p{font-size:17px;line-height:1.7;color:#9eabc2;margin:0}.question-story{padding-top:45px;padding-bottom:75px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.question-story h2{font-size:46px;letter-spacing:-1.5px;line-height:1.2;margin:25px 0}.question-story>div>p{font-size:19px;line-height:1.7;color:#a9b6cd;margin:0 0 28px}.question-preview{border:1px solid #5d739633;padding:30px;background:#0c142070;box-shadow:0 0 60px #24477b0c}.question-preview h3{font-size:24px;font-weight:400;line-height:1.4;letter-spacing:-.5px;margin:25px 0}.question-preview .explanation{margin-bottom:20px}.preview-answers{display:flex;flex-wrap:wrap;gap:9px}.preview-answers span{padding:10px 12px;border:1px solid #8eadd933;font-size:13px;color:#aabbd7}.question-preview>small{font-size:10px;display:block;color:#8495af;margin-top:20px}.approach{padding-bottom:30px}.credits-list{max-height:50vh;overflow:auto;padding-right:12px}@media(max-width:900px){.product-story{gap:35px}.question-story{gap:35px}.question-story h2{font-size:37px}.question-preview{padding:23px}.gallery-hud{left:35px;right:35px}.portrait-track{padding:0 35px;gap:16px}}@media(max-width:600px){.intro{height:420svh}.gallery-hud{left:24px;right:24px;top:96px;bottom:25px}.gallery-heading .index{font-size:8px;letter-spacing:.8px}.gallery-heading{font-size:11px}.gallery-hud>p{font-size:16px;margin-top:14px}.portrait-wall{top:26%;height:51%;padding-bottom:18px}.portrait-track{padding:0 24px;gap:15px}.portrait-wall figure{width:65vw;padding:5px}.portrait-wall img{height:calc(100% - 45px)}.portrait-wall figcaption{font-size:16px;min-height:44px;padding:12px 3px}.gallery-controls>span{display:none}.gallery-controls>button{width:35px;height:35px;font-size:17px}.gallery-controls>#gallerySkip{font-size:11px}.gallery-hud>small{font-size:8px;line-height:1.4}.product-story{padding-top:35px;padding-bottom:25px;display:block}.story-heading h2{font-size:37px;margin-top:18px}.story-intro{font-size:18px;margin-top:25px}.story-row{padding:20px 0;gap:15px}.story-row h3{font-size:19px}.story-row p{font-size:16px;line-height:1.65}.question-story{padding-top:25px;padding-bottom:40px;display:block}.question-story h2{font-size:36px;margin:18px 0}.question-story>div>p{font-size:18px}.question-story .button-main{width:100%;font-size:16px}.question-preview{margin-top:28px;padding:23px}.question-preview h3{font-size:22px}.preview-answers span{font-size:12px}.question-preview>small{font-size:10px}.portrait-placeholder{font-size:55px}.portrait-placeholder small{font-size:12px}}@media(prefers-reduced-motion:reduce){.intro{height:90svh;min-height:560px}.gallery-hud,.portrait-wall{display:none}}
/* A room to explore by hand. The page scroll never turns the portraits. */
.intro{height:280svh}.portrait-wall,.scene.webgl-ready .portrait-wall{display:block;position:absolute;z-index:5;inset:24% 0 16%;height:auto;opacity:0;padding:0;overflow:visible;mask-image:none;perspective:1300px;perspective-origin:50% 48%;pointer-events:none;touch-action:pan-y;user-select:none;will-change:transform,opacity}.portrait-wall.is-active{pointer-events:auto;cursor:grab}.portrait-wall.is-dragging,.portrait-wall.is-dragging *{cursor:grabbing!important}.intro-sticky{overflow:hidden}.portrait-ring{position:absolute;inset:0;transform-style:preserve-3d}.portrait-card{position:absolute;left:50%;top:50%;width:clamp(250px,23vw,340px);height:min(100%,480px);padding:9px;border:1px solid #b5b9c36b;border-radius:2px;background:linear-gradient(130deg,#e1d6b4 0%,#6b6a66 12%,#252a32 45%,#8d8c7f 80%,#e2d7bd);box-shadow:0 24px 60px #0008,inset 0 0 0 2px #111922,inset 0 0 0 3px #c8c2af88;transform-style:preserve-3d;backface-visibility:hidden;overflow:hidden;text-align:left;cursor:grab;will-change:transform;transition:box-shadow .2s}.portrait-card:after{content:'';position:absolute;inset:9px;border:1px solid #ffffff2a;pointer-events:none;background:linear-gradient(115deg,#fff1,transparent 35%,transparent 70%,#fff1)}.portrait-card:hover{box-shadow:0 24px 60px #000a,0 0 34px #638eff23}.portrait-card:focus-visible{outline:3px solid #7eacff;outline-offset:5px}.portrait-card img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 23%;filter:none;pointer-events:none}.portrait-caption{position:absolute;bottom:9px;left:9px;right:9px;padding:38px 18px 18px;background:linear-gradient(transparent,#080c14ed 52%);color:#fff;pointer-events:none}.portrait-caption strong{display:block;font-size:clamp(20px,1.8vw,26px);font-weight:600;letter-spacing:-.5px;line-height:1.1;padding-right:15px}.portrait-caption small{display:block;color:#bac8de;font-size:13px;margin-top:8px}.portrait-arrow{position:absolute;right:15px;bottom:18px;color:#d0dfff;font-size:22px}.gallery-hud{top:104px;bottom:25px}.gallery-hud>p{font-size:26px;letter-spacing:-.5px;color:#f1f3fa;margin-top:12px}.gallery-controls>span{font-size:13px;color:#cad5e7}.gallery-hud>small{font-size:11px;display:flex;align-items:center;gap:14px}.gallery-hud>small button{background:none;border:0;border-bottom:1px solid #8092b855;padding:2px 0;color:#c2d2ed;font-size:12px;pointer-events:auto}.gallery-hud>small span{color:#8f9db5}.gallery-controls>#gallerySkip{font-size:13px;color:#dae5f8}.gallery-controls>button{width:44px;height:44px}.gallery-progress{margin-top:14px}.scene{pointer-events:none}#candidateDialog{width:min(720px,100vw);max-width:100vw;max-height:100dvh;height:100dvh;margin:0 0 0 auto;padding:65px 42px 38px;border:0;border-left:1px solid #8ca5cc44;background:linear-gradient(140deg,#172237,#0b101b 40%);color:#e9edf7;box-shadow:-30px 0 100px #0008;overflow-y:auto}#candidateDialog::backdrop{background:#03060bbf;backdrop-filter:blur(8px)}#candidateDialog .close-button{position:fixed;right:24px;top:18px;z-index:2;background:#0b1220;border-radius:50%}.candidate-head{display:flex;gap:25px;align-items:center;margin-bottom:28px}.candidate-head img{width:130px;height:160px;object-fit:cover;object-position:center 20%;border:1px solid #b5aa8944}.candidate-head h2{font-size:40px;line-height:1.05;letter-spacing:-1.4px;margin:12px 0}.candidate-head p{font-size:16px;color:#a4b8d6;margin:0}.candidate-head .index{font-size:10px}.candidate-intro{font-size:19px;line-height:1.6;color:#d3deef}.candidate-note{font-size:13px;line-height:1.6;color:#9eafc9;border-left:2px solid #637faa;padding-left:14px;margin:20px 0 30px}.candidate-position{padding:25px 0;border-top:1px solid #94aed02e}.position-date{font-size:11px;color:#a4b9dc;letter-spacing:.4px}.candidate-position h3{font-size:26px;margin:12px 0;font-weight:600}.candidate-position p{font-size:18px;line-height:1.65;color:#c5d1e4;margin:0 0 14px}.candidate-position a,#infoBody a{font-size:13px;color:#b0caff;text-decoration:underline;text-underline-offset:4px;line-height:1.6}.candidate-footer{border-top:1px solid #94aed02e;padding-top:20px}.candidate-footer p{font-size:12px;line-height:1.65;color:#93a5c0;margin-bottom:25px}.candidate-footer .button-main{font-size:15px;width:100%}@media(max-width:600px){.intro{height:280svh}.portrait-wall{inset:27% 0 20%;perspective:1000px}.portrait-card{width:65vw;max-width:300px;height:min(100%,420px);padding:6px}.portrait-caption{left:6px;right:6px;bottom:6px;padding:38px 13px 16px}.portrait-caption strong{font-size:22px}.portrait-caption small{font-size:12px}.gallery-hud{top:94px;bottom:24px;left:20px;right:20px}.gallery-hud>p{font-size:22px;max-width:270px;margin-top:13px}.gallery-hud>small{display:block;font-size:9px;line-height:1.7}.gallery-hud>small button{font-size:11px}.gallery-hud>small span{display:block;margin-top:3px}.gallery-controls{gap:9px}.gallery-controls>#gallerySkip{font-size:12px}.gallery-controls>span{display:none}.gallery-controls>button{width:40px;height:40px}.gallery-hud:after{content:'Glissez pour explorer · Touchez un portrait';position:absolute;left:0;right:0;bottom:114px;text-align:center;font-size:11px;color:#a7b8d4;pointer-events:none}#candidateDialog{padding:65px 23px 28px}.candidate-head{gap:18px}.candidate-head img{width:90px;height:120px}.candidate-head h2{font-size:32px}.candidate-head .index{font-size:8px}.candidate-intro{font-size:18px}.candidate-position p{font-size:17px}.candidate-position a{font-size:12px}}@media(prefers-reduced-motion:reduce){.intro{height:240svh;min-height:0}.portrait-wall{display:block}.gallery-hud{display:flex}.scene{display:none}}