:root{--black:#0b0b0b;--night:#111111;--yellow:#ffeb00;--paper:#f5f5f0;--white:#fafaf7;--ink:#141414;--muted:#777772;--line:#d9d9d1;--heading:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:'DM Sans',Arial,Helvetica,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;font-family:var(--body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}::selection{background:var(--yellow);color:#090909}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.wrap{width:min(100% - 88px,1280px);margin-inline:auto}.skip-link{position:fixed;top:10px;left:12px;padding:10px 14px;background:var(--yellow);color:#000;z-index:80;transform:translateY(-200%)}.skip-link:focus{transform:none}
/* Navigation */
.header{position:relative;z-index:20;background:var(--black);color:white;border-bottom:1px solid #282828}.nav-inner{height:78px;display:flex;align-items:center;gap:34px}.nav-brand{width:120px;display:flex;align-items:center;flex-shrink:0}.nav-brand img{width:102px;height:auto;max-height:63px;object-fit:contain}.nav-links{display:flex;gap:30px;margin:0 auto;align-items:center}.nav-links a{font-size:12px;font-weight:800;letter-spacing:.025em;color:#bcbcb8;transition:color .2s}.nav-links a:hover{color:var(--yellow)}.nav-cta{display:inline-flex;align-items:center;gap:21px;padding:12px 18px;background:var(--yellow);color:#080808;border-radius:5px;white-space:nowrap;font-size:12px;font-weight:800;text-transform:uppercase;transition:transform .2s}.nav-cta:hover{transform:translateY(-2px)}.nav-cta span{font-size:17px;line-height:0}.menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:transparent;border:1px solid #484848;border-radius:4px;color:white;cursor:pointer}.menu-toggle span{width:20px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
/* Buttons and labels */
.kicker,.tiny-label{display:block;font-size:11px;line-height:1.4;letter-spacing:.15em;font-weight:800;text-transform:uppercase}.kicker{color:#81817c}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 20px;min-height:54px;font-size:13px;font-weight:800;letter-spacing:.002em;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s;border-radius:4px}.btn:hover{transform:translateY(-2px)}.btn span{font-size:21px;line-height:12px}.btn-yellow{background:var(--yellow);color:var(--black)}.btn-yellow:hover{background:#fff032;box-shadow:0 11px 24px #0005}.btn-text{color:#f1f1ed;padding-inline:8px}.btn-text:hover{color:var(--yellow)}.btn-outline{border:1px solid #bcbcb9;color:#fff}
/* Hero */
.hero{height:auto;min-height:735px;background:#090909;color:#fff;position:relative;overflow:hidden;display:flex;align-items:stretch}.hero-photo{position:absolute;inset:0 0 0 32%;overflow:hidden}.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:34% 50%;opacity:.94}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#090909 0%,#090909 25%,rgba(9,9,9,.98) 33%,rgba(9,9,9,.75) 44%,rgba(9,9,9,.12) 69%,rgba(9,9,9,0) 100%),linear-gradient(0deg,rgba(8,8,8,.47),transparent 34%)}.hero-inner{position:relative;z-index:1;display:flex;align-items:center;padding-block:83px 95px}.hero-copy{max-width:635px}.hero-label{display:inline-flex;align-items:center;gap:10px;color:#ededeb;letter-spacing:.17em;font-weight:800;font-size:11px}.pulse-dot,.status-light{width:8px;height:8px;border-radius:50%;background:var(--yellow);display:inline-block;flex-shrink:0}.hero h1{font-family:var(--heading);font-size:clamp(75px,8vw,127px);font-weight:900;line-height:.84;letter-spacing:-.033em;margin:29px 0 26px;text-transform:uppercase}.hero h1 em{color:var(--yellow);font-style:normal}.hero-copy>p{color:#d3d3d0;max-width:440px;font-size:16px;line-height:1.8;margin:0}.hero-copy>p b{color:var(--yellow)}.hero-actions{display:flex;align-items:center;gap:19px;margin-top:31px;flex-wrap:wrap}.hero-stats{display:flex;border-top:1px solid #555;max-width:435px;margin-top:54px;padding-top:23px;gap:0}.hero-stats div{display:flex;flex-direction:column;border-right:1px solid #4c4c4c;flex:1;padding-left:22px}.hero-stats div:first-child{padding-left:0}.hero-stats div:last-child{border:0}.hero-stats b{font:800 32px/.9 var(--heading);color:#fff}.hero-stats .unit{font-size:17px;margin-left:2px}.hero-stats div>span{margin-top:8px;color:#a3a3a0;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.hero-caption{position:absolute;right:25px;bottom:24px;color:#f5f5f5a1;font-size:10px;font-weight:700;letter-spacing:.19em;z-index:1}
/* Statement */
.statement{background:var(--yellow);color:#080808;overflow:hidden}.statement-inner{display:grid;grid-template-columns:160px minmax(0,1fr) 124px;gap:32px;align-items:center;padding-block:54px 61px}.statement-index{font-size:11px;font-weight:800;letter-spacing:.15em;align-self:start;padding-top:13px}.statement h2{font:900 clamp(42px,5.3vw,76px)/.92 var(--heading);letter-spacing:-.025em;margin:0 0 17px}.statement h2 span{color:#101010}.statement p{max-width:730px;font-size:16px;line-height:1.7;margin:0;font-weight:600}.mini-target{width:126px;height:126px;position:relative;transform:rotate(-13deg);border:8px solid #090909;border-radius:50%}.mini-target span{position:absolute;display:block;border-radius:50%;border:8px solid #090909}.mini-target span:nth-child(1){inset:12px}.mini-target span:nth-child(2){inset:32px}.mini-target span:nth-child(3){inset:51px;border-width:3px}.mini-target span:nth-child(4){display:none}.mini-target i{position:absolute;width:28px;height:28px;background:#070707;border-radius:50%;top:41px;left:41px}
/* Section common */
.section-light{background:var(--paper)}.section-dark{background:var(--black);color:#fff}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.section-top h2{font:900 clamp(64px,6.5vw,100px)/.84 var(--heading);letter-spacing:-.025em;margin:11px 0 0}.section-top p{max-width:400px;font-size:15px;line-height:1.75;color:#61615e;margin:0 0 6px}.section-top-dark p{color:#b3b3ae}.section-top-dark h2 span{color:var(--yellow)}
/* Demo */
.demo{padding:108px 0 106px}.demo-panel{background:#fff;border:1px solid #dfdfd7;box-shadow:0 17px 70px rgba(0,0,0,.06);border-radius:6px;overflow:hidden}.answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #e1e1db}.answer{position:relative;padding:30px 30px 36px;min-height:180px;border-right:1px solid #e0e0db}.answer:last-child{border:0}.answer-index{display:block;font-size:11px;font-weight:800;color:#797973;letter-spacing:.1em}.answer strong{display:block;font:800 clamp(32px,3.6vw,52px)/1 var(--heading);text-transform:uppercase;margin-top:19px;letter-spacing:-.01em;position:relative;z-index:1}.answer-icon{position:absolute;right:25px;bottom:20px;font-size:50px;color:#e6e6e3}.vote-area{padding:34px 40px 32px}.vote-title{display:flex;justify-content:space-between;align-items:end;gap:20px}.vote-title h3{font:900 clamp(31px,3.5vw,47px)/.98 var(--heading);margin:9px 0 0}.vote-tag{font-size:10px;letter-spacing:.08em;font-weight:800;color:#666}.vote-buttons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin-top:24px}.guess{border:1px solid #d5d5d0;background:#f5f5f2;border-radius:4px;height:72px;font:900 39px/.8 var(--heading);cursor:pointer;transition:background .15s,color .15s,transform .15s,border .15s}.guess:hover{background:#deded8;transform:translateY(-3px)}.guess.is-selected{background:var(--black);color:var(--yellow);border-color:#0a0a0a}.guess.is-answer:not(.is-selected){border:3px solid #c5b500}.demo-result{min-height:67px;margin-top:22px;border-top:1px solid #e1e1da;padding:19px 0 0;display:flex;align-items:center;gap:20px}.demo-result p{color:#676762;font-size:13px;margin:0;line-height:1.6}.demo-result strong{font:900 29px/.95 var(--heading);white-space:nowrap}.demo-result.is-correct strong{color:#129000}.below-demo{font-size:13px;color:#70706a;text-align:center;margin-top:21px}
/* Rules */
.rules{padding:105px 0 92px}.rules-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #424242;border-bottom:1px solid #424242}.rule{padding:35px 26px 39px 0;border-right:1px solid #424242;margin-right:20px;min-height:270px}.rule:last-child{border:0;margin:0}.rule-no{display:block;font:900 47px/.9 var(--heading);color:var(--yellow)}.rule h3{font:800 30px/1 var(--heading);margin:36px 0 13px}.rule p{font-size:13px;line-height:1.8;color:#aeaeab;margin:0}.rule strong{color:#fff}.scoring{margin-top:52px;background:#191919;padding:28px 30px 32px;display:grid;grid-template-columns:.85fr 1.4fr;gap:34px;border-left:5px solid var(--yellow)}.score-head{display:flex;align-items:center;gap:16px}.score-target{font:900 78px/1 var(--heading);color:var(--yellow)}.score-head .tiny-label{color:#aaa}.score-head h3{font:800 29px/.98 var(--heading);margin:8px 0}.score-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.score-examples>div{border-left:1px solid #3a3a3a;padding-left:16px}.score-examples strong{font:800 20px/1 var(--heading);color:var(--yellow)}.score-examples p{font-size:12px;line-height:1.6;color:#bdbdba;margin:9px 0 0}.score-examples b{color:#fff}.inline-arrow{display:inline-flex;align-items:center;gap:20px;color:var(--yellow);font-size:12px;font-weight:800;letter-spacing:.08em;margin-top:35px;transition:gap .2s}.inline-arrow:hover{gap:28px}.inline-arrow span{font-size:23px}
/* Cards */
.themes{padding:107px 0 95px}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.theme-item{min-width:0}.theme-visual{margin:0;background:#deded9;border-radius:9px;display:grid;place-items:center;padding:17px 17px 15px;overflow:hidden;aspect-ratio:.74}.theme-item:nth-child(2) .theme-visual{background:#ece8b2}.theme-item:nth-child(3) .theme-visual{background:#202020}.theme-item:nth-child(4) .theme-visual{background:#edd1cd}.theme-visual img{width:100%;height:100%;object-fit:contain;border-radius:10px;filter:drop-shadow(0px 8px 13px rgba(0,0,0,.14));transition:transform .25s}.theme-item:hover .theme-visual img{transform:translateY(-7px) rotate(-1deg)}.theme-meta{display:flex;justify-content:space-between;gap:10px;padding:21px 0 0}.theme-meta h3{font:900 29px/1 var(--heading);margin:0 0 4px}.theme-meta h3 small{font:800 10px/1 var(--body);vertical-align:middle;margin-left:3px;background:#222;color:#fff;padding:4px 5px}.theme-meta p{font-size:12px;line-height:1.6;color:#767670;margin:0;max-width:185px}.theme-meta>span{font:900 35px/.95 var(--heading);color:#444}.theme-footnote{margin:45px 0 0;border-top:1px solid var(--line);padding-top:18px;color:#666662;font-size:12px}.theme-footnote span{font-size:20px;color:#1a1a1a;margin-right:10px;vertical-align:middle}
/* Formats */
.formats{background:var(--yellow);padding:100px 0}.formats-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:75px;align-items:center}.formats .kicker{color:#575000}.formats h2{font:900 clamp(65px,6vw,95px)/.85 var(--heading);margin:17px 0 23px;letter-spacing:-.022em}.formats h2 span{color:#0b0b0b}.formats-copy p{font-size:15px;line-height:1.8;max-width:470px;font-weight:600}.format-list{border-top:2px solid #121212}.format-row{display:grid;grid-template-columns:56px 1fr 30px;gap:23px;align-items:center;padding:25px 0;border-bottom:1px solid #4b460055}.format-icon{height:50px;width:50px;display:grid;place-items:center;color:#080808}.format-icon svg{width:41px;height:41px}.format-row h3{font:900 31px/1 var(--heading);margin:0 0 7px}.format-row p{margin:0;color:#474300;font-weight:600;font-size:12px;line-height:1.65;max-width:345px}.format-no{align-self:start;font:800 17px/1 var(--heading);color:#817700}
/* Statement 2 */
.one-liner{background:#0b0b0b;color:#fff;position:relative;overflow:hidden;padding:120px 0 108px}.one-liner:after{content:"";position:absolute;right:-10%;bottom:-55%;width:660px;height:660px;border:70px solid #ffeb0010;border-radius:50%;box-shadow:0 0 0 74px #ffeb0009,0 0 0 140px #ffeb0008;pointer-events:none}.one-liner-inner{position:relative;z-index:1}.one-liner .kicker{color:var(--yellow)}.one-liner h2{font:900 clamp(70px,9vw,143px)/.78 var(--heading);letter-spacing:-.035em;margin:30px 0}.one-liner h2 em{font-style:normal;color:var(--yellow)}.one-liner p{max-width:570px;color:#b8b8b2;font-size:16px;line-height:1.75;margin:0}
/* Ulule */
.ulule{padding:92px 0;background:#161616;color:#fff}.ulule-card{border:1px solid #515151;background:#101010;display:grid;grid-template-columns:220px 1fr;gap:45px;padding:55px 64px 63px;position:relative;overflow:hidden}.ulule-card:after{content:'◎';position:absolute;color:#ffeb0010;font:900 400px/1 var(--heading);right:-50px;top:-80px;pointer-events:none}.ulule-logo{font:900 59px/.85 var(--heading);color:#fff;letter-spacing:-.055em;transform:rotate(-7deg);margin-top:15px}.ulule-logo span{color:var(--yellow)}.ulule-logo i{font:700 27px/1 var(--body);font-style:normal}.ulule-text{position:relative;z-index:1}.ulule .kicker{color:var(--yellow)}.ulule h2{font:900 clamp(52px,6vw,86px)/.87 var(--heading);margin:16px 0 22px}.ulule p{font-size:15px;color:#c6c6c0;line-height:1.8;max-width:630px;margin:0}.ulule-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:31px}.launch-status{font-size:10px;font-weight:800;letter-spacing:.1em;border:1px solid #79796a;padding:12px 15px;display:inline-flex;gap:9px;align-items:center;color:#f4f4ef}.status-light{width:6px;height:6px}.ulule-follow,.ulule-external{font-size:12px;font-weight:800;color:var(--yellow);border-bottom:1px solid #989000;padding:7px 0}.ulule-external{color:#fff}.ulule-follow span{font-size:17px;margin-left:12px}.ulule-external[hidden]{display:none}
/* Physical */
.physical{padding:104px 0 114px;overflow:hidden}.physical-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.physical h2{font:900 clamp(67px,6.6vw,107px)/.81 var(--heading);letter-spacing:-.035em;margin:16px 0 25px}.physical h2 span{color:#a6a6a0}.physical-copy>p{font-size:15px;line-height:1.82;max-width:460px;color:#4e4e4a}.physical-copy>p strong{color:#121212}.physical-note{border-left:3px solid var(--yellow);padding-left:15px;font-size:12px!important;color:#787872!important;margin-top:27px}.card-stack{height:470px;position:relative;isolation:isolate}.stack-pattern{position:absolute;inset:10px 15px;background:#111 url('assets/right-on-icons-wide.webp') center/cover;border-radius:5px;opacity:.97}.card-stack img{position:absolute;top:60px;left:45%;height:345px;width:auto;object-fit:contain;transform-origin:center bottom;filter:drop-shadow(0 20px 15px #0005);border-radius:13px}.stack-one{transform:translateX(-73%) rotate(-21deg)}.stack-two{transform:translateX(-37%) rotate(1deg)}.stack-three{transform:translateX(0%) rotate(21deg)}.stack-note{position:absolute;right:35px;bottom:24px;font:800 11px/1 var(--body);letter-spacing:.12em;color:var(--yellow)}
/* FAQ */
.faq{background:#e9e9e2;padding:98px 0 115px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.faq h2{font:900 clamp(68px,6.5vw,101px)/.84 var(--heading);margin:20px 0}.faq-intro p{color:#73736c;font-size:14px}.faq-items{border-top:1px solid #bfbfb7}.faq-items details{border-bottom:1px solid #bfbfb7}.faq-items summary{cursor:pointer;padding:22px 5px 23px 0;font-size:14px;font-weight:800;list-style:none;display:flex;align-items:start;justify-content:space-between;gap:25px}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font:400 27px/16px var(--body);flex-shrink:0;transition:transform .2s}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details p{color:#595954;font-size:13px;line-height:1.8;max-width:540px;margin:0 0 24px}
/* Footer */
.footer{background:#0b0b0b;color:#fff;padding:52px 0 24px}.footer-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #343434;padding-bottom:45px}.footer-top img{width:156px;height:auto}.footer-top p{font-size:13px;color:#acaca7;margin:14px 0 0}.back-top{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--yellow)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#81817c;font-size:10px;font-weight:700;letter-spacing:.04em;padding-top:22px}.footer-dot{color:var(--yellow);margin:0 4px}
/* Progressive reveal only when supported */
.has-observer [data-reveal]{opacity:0;transform:translateY(19px);transition:opacity .7s ease,transform .7s ease}.has-observer [data-reveal].in-view{opacity:1;transform:translateY(0)}
@media(max-width:1180px){.wrap{width:min(100% - 64px,1120px)}.nav-links{gap:18px}.nav-inner{gap:16px}.hero h1{font-size:clamp(71px,8vw,112px)}.hero-photo{left:28%}.hero-copy{max-width:565px}.hero-vignette{background:linear-gradient(90deg,#090909 0%,#090909 28%,rgba(9,9,9,.86) 43%,rgba(9,9,9,.03) 82%)}.formats-grid{gap:42px}.physical-grid{gap:35px}.ulule-card{padding:44px;grid-template-columns:165px 1fr;gap:40px}.ulule-logo{font-size:48px}}
@media(max-width:920px){.wrap{width:min(100% - 48px,860px)}.nav-cta{margin-left:auto}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;padding:19px 24px 25px;background:#101010;border-top:1px solid #333;box-shadow:0 20px 25px #0005}.nav-links.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links a{display:block;padding:13px 6px;font-size:14px;border-bottom:1px solid #292929}.menu-toggle{display:flex}.hero{min-height:710px}.hero-photo{left:30%}.hero-copy{max-width:500px}.hero-vignette{background:linear-gradient(90deg,#090909 0%,rgba(9,9,9,.96) 31%,rgba(9,9,9,.67) 53%,rgba(9,9,9,.05) 100%)}.hero h1{font-size:clamp(68px,9vw,98px)}.statement-inner{grid-template-columns:110px minmax(0,1fr)}.mini-target{display:none}.section-top{align-items:start;flex-direction:column;gap:19px}.section-top p{max-width:600px}.rules-grid{grid-template-columns:1fr 1fr}.rule{border-bottom:1px solid #404040;min-height:235px}.rule:nth-child(2){border-right:0;margin:0;padding-left:20px}.rule:nth-child(3),.rule:nth-child(4){border-bottom:0}.rule:nth-child(4){border-right:0;margin:0;padding-left:20px}.scoring{grid-template-columns:1fr;gap:27px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 22px}.theme-visual{aspect-ratio:.85}.theme-visual img{height:95%}.formats-grid,.physical-grid{grid-template-columns:1fr}.formats-copy p{max-width:680px}.ulule-card{grid-template-columns:1fr}.ulule-logo{margin:0}.faq-grid{grid-template-columns:1fr;gap:25px}.faq h2{margin-bottom:0}.card-stack{height:440px;max-width:640px;width:100%;margin:auto}}
@media(max-width:620px){html{scroll-padding-top:67px}.wrap{width:calc(100% - 36px)}.nav-inner{height:66px}.nav-brand img{width:89px;max-height:52px}.nav-brand{width:97px}.nav-cta{display:none}.nav-links{top:66px}.hero{display:block;min-height:0}.hero-inner{padding-top:57px;padding-bottom:0;display:block}.hero-copy{max-width:100%}.hero h1{font-size:clamp(69px,16.8vw,105px);margin:23px 0 20px}.hero-label{font-size:9px;letter-spacing:.13em}.hero-copy>p{font-size:14px;line-height:1.75;max-width:380px}.hero-actions{margin-top:23px;gap:12px}.btn{font-size:12px;padding:13px 14px;min-height:48px;gap:14px}.btn-text{padding-inline:0}.hero-stats{margin-top:30px;padding-top:19px;max-width:none}.hero-stats div{padding-left:14px}.hero-stats b{font-size:29px}.hero-stats div>span{font-size:9px}.hero-photo{position:relative;inset:auto;height:290px;margin-top:22px;z-index:0}.hero-photo img{object-fit:cover;width:100%;height:100%;object-position:40% 40%}.hero-vignette{pointer-events:none;background:linear-gradient(to bottom,#090909 0%,rgba(9,9,9,.0) 33%,transparent 78%,#090909 100%);top:auto;bottom:0;height:315px;z-index:0}.hero-caption{bottom:14px;right:18px;font-size:8px}.statement-inner{display:block;padding:40px 0 46px}.statement-index{margin-bottom:23px;font-size:10px;padding:0}.statement h2{font-size:clamp(42px,10vw,65px)}.statement p{font-size:13px;line-height:1.8}.demo,.rules,.themes,.formats,.physical,.faq{padding-block:68px}.section-top{margin-bottom:29px}.section-top h2{font-size:clamp(61px,13.5vw,84px)}.section-top p{font-size:13px}.answers{grid-template-columns:1fr}.answer{border-right:0;border-bottom:1px solid #e2e2dc;min-height:auto;padding:18px 21px;display:grid;grid-template-columns:83px 1fr;gap:10px;align-items:center}.answer:last-child{border:0}.answer-index{font-size:10px}.answer strong{margin:0;font-size:32px}.answer-icon{font-size:31px;bottom:10px;right:17px}.vote-area{padding:26px 18px 22px}.vote-title{display:block}.vote-title h3{font-size:36px}.vote-tag{display:block;margin-top:14px}.vote-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.guess{height:65px;font-size:40px}.demo-result{flex-direction:column;align-items:start;gap:5px;min-height:72px}.demo-result strong{font-size:26px}.demo-result p{font-size:12px}.below-demo{font-size:11px;line-height:1.6}.rules-grid{grid-template-columns:1fr}.rule,.rule:nth-child(2),.rule:nth-child(3),.rule:nth-child(4){margin:0;padding:23px 0 25px;border-right:0;border-bottom:1px solid #444;min-height:0}.rule-no{font-size:39px}.rule h3{font-size:27px;margin:12px 0 8px}.rule p{font-size:12px}.scoring{margin-top:31px;padding:21px 18px}.score-head{gap:10px}.score-target{font-size:54px}.score-head h3{font-size:23px}.score-examples{grid-template-columns:1fr;gap:14px}.score-examples>div{padding-left:12px}.score-examples strong{font-size:19px}.inline-arrow{font-size:10px}.theme-grid{gap:31px 13px}.theme-visual{padding:8px;border-radius:5px;aspect-ratio:.72}.theme-visual img{height:100%;border-radius:9px}.theme-meta{padding-top:14px}.theme-meta h3{font-size:23px}.theme-meta h3 small{display:block;width:max-content;margin:5px 0}.theme-meta p{font-size:11px}.theme-meta>span{font-size:28px}.theme-footnote{font-size:11px;line-height:1.65;margin-top:26px}.formats h2{font-size:clamp(66px,13vw,90px)}.formats-copy p{font-size:13px}.format-row{grid-template-columns:45px 1fr 23px;gap:13px;padding:21px 0}.format-icon{height:42px;width:42px}.format-icon svg{width:35px;height:35px}.format-row h3{font-size:26px}.format-row p{font-size:11px}.one-liner{padding-block:86px}.one-liner h2{font-size:clamp(59px,12.5vw,92px);line-height:.83;margin:23px 0 28px}.one-liner p{font-size:13px}.ulule{padding:55px 0}.ulule-card{padding:27px 22px 32px;gap:27px}.ulule-logo{font-size:50px}.ulule h2{font-size:clamp(50px,10vw,70px)}.ulule p{font-size:13px}.ulule-actions{gap:15px}.ulule-follow{font-size:11px}.physical h2{font-size:clamp(64px,13vw,95px)}.physical-copy>p{font-size:13px}.card-stack{height:344px}.card-stack img{height:255px;top:38px}.stack-pattern{inset:5px}.stack-note{font-size:8px;right:15px;bottom:18px}.faq h2{font-size:clamp(68px,14vw,98px)}.faq-items summary{font-size:13px;padding-block:20px}.faq-items details p{font-size:12px}.footer{padding-top:39px}.footer-top{align-items:start}.footer-top img{width:115px}.footer-top p{font-size:11px;max-width:190px}.back-top{font-size:9px}.footer-bottom{flex-direction:column;align-items:start;font-size:9px;gap:8px}}
@media(max-width:350px){.hero h1{font-size:61px}.hero-actions .btn{width:100%}.hero-stats b{font-size:26px}.theme-meta h3{font-size:20px}.theme-meta>span{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.has-observer [data-reveal]{opacity:1;transform:none}}
/* Safe heading widths across both web fonts and system fallback. */
.hero h1{font-size:clamp(72px,6.5vw,99px)}
@media(max-width:920px){.hero h1{font-size:clamp(66px,8.4vw,82px)}.menu-toggle{margin-left:auto}}
@media(max-width:620px){
  .hero{display:flex;flex-direction:column}
  .hero-inner{order:0}
  .hero-photo{order:1}
  .hero h1{font-size:clamp(50px,13.7vw,83px)}
  .hero-vignette{z-index:0}
}
/* The content must remain visible in screenshots, print previews and no-scroll browsers. */
.has-observer [data-reveal],.has-observer [data-reveal].in-view{opacity:1;transform:none}
@media(max-width:620px){
 .faq-grid,.faq-grid>*{min-width:0}
 .faq h2{font-size:clamp(58px,12vw,80px)}
 .demo-panel,.answer{min-width:0}
 .answer{grid-template-columns:74px minmax(0,1fr)}
 .answer strong{font-size:28px;overflow-wrap:anywhere}
}
.stack-pattern{background-image:linear-gradient(#111b,#111b),url('assets/right-on-icons-wide.webp')}

.card-stack{overflow:hidden}.rules-links{display:flex;gap:30px;flex-wrap:wrap}.rules-links .inline-arrow{margin-top:32px}
@media(max-width:620px){
  .theme-meta{gap:4px;align-items:flex-start}
  .theme-meta h3{font-size:19px}
  .theme-meta>span{font-size:24px;flex-shrink:0}
  .card-stack img{height:220px;top:58px;left:41%}
  .answer-icon{opacity:.45}
}


/* ================================================================
   RIGHT ON V1.1 — identité resserrée : fonds noir/jaune uniquement.
   Contrastes contrôlés et décorations superflues supprimées.
   ================================================================ */
:root {--paper:#0b0b0b;--white:#fff;--line:#434343}
body{background:#0b0b0b}
/* Enlever les éléments d'ornement hérités de la V1. */
.hero-caption,.mini-target,.statement-index,.answer-icon,.score-target,
.format-icon,.format-no,.stack-note,.ulule-logo,.launch-status,
.below-demo{display:none!important}
.one-liner::after,.ulule-card::after{content:none!important}
.hero-label{letter-spacing:.065em;font-size:11px}
.kicker{letter-spacing:.07em}
.btn,.nav-cta{justify-content:center}
.hero-actions .btn-text{border-bottom:1px solid #555;padding:10px 0;border-radius:0}
.nav-cta{gap:0}
/* 01 — jaune : concept */
.statement-inner{grid-template-columns:minmax(0,1fr);gap:0}
.statement h2{margin-bottom:22px}
/* 02 — noir : démonstration */
.demo{background:#0b0b0b;color:#fff}
.demo .section-top p{color:#bcbcb8}
.demo-panel{background:#161616;border-color:#373737;box-shadow:none}
.answers{border-bottom-color:#3a3a3a}
.answer{border-right-color:#3a3a3a}
.answer-index{color:#b9b9b9;letter-spacing:.06em}
.answer strong,.vote-title h3{color:#fff}
.vote-tag{color:#c2c2bc}
.vote-buttons .guess{background:#252525;border-color:#4a4a4a;color:#fff}
.vote-buttons .guess:hover{background:#303030}
.vote-buttons .guess.is-selected{background:var(--yellow);color:#0b0b0b;border-color:var(--yellow)}
.vote-buttons .guess.is-answer:not(.is-selected){border:2px solid var(--yellow)}
.demo-result{border-top-color:#3a3a3a}
.demo-result p{color:#c0c0bb}
.demo-result.is-correct strong{color:var(--yellow)}
/* 03 — jaune : règles */
.rules{background:var(--yellow);color:#0b0b0b}
.rules .section-top-dark h2 span{color:#0b0b0b}
.rules .section-top-dark p{color:#353200}
.rules-grid{border-top-color:#0b0b0b55;border-bottom-color:#0b0b0b55}
.rule{border-right-color:#0b0b0b55}
.rule-no{color:#0b0b0b}
.rule p{color:#332f00}
.rule strong{color:#0b0b0b}
.scoring{border-left:0;border-radius:3px;background:#0b0b0b;color:#fff;padding:34px 36px}
.score-head{display:block}
.score-head h3{color:#fff;margin:0}
.score-examples>div{border-left-color:#565656}
.score-examples strong{color:var(--yellow)}
.score-examples p{color:#c6c6c6}
.rules-links .inline-arrow{color:#0b0b0b;border-bottom:1px solid #0b0b0b}
.rules-links .inline-arrow:hover{color:#4e4700}
/* 04 — noir : cartes */
.themes{background:#0b0b0b;color:#fff}
.themes .section-top p{color:#bdbdb9}
.theme-visual,.theme-item:nth-child(2) .theme-visual,
.theme-item:nth-child(3) .theme-visual,.theme-item:nth-child(4) .theme-visual{
  background:#1b1b1b;border:1px solid #363636;border-radius:6px;
}
.theme-visual{padding:18px;aspect-ratio:.77}
.theme-visual img{border-radius:0;object-fit:contain;max-width:100%;max-height:100%;filter:drop-shadow(0 12px 13px #0007)}
.theme-meta{align-items:baseline;gap:5px}
.theme-meta h3{color:#fff}
.theme-meta h3 small{background:none;border:1px solid #777;color:#cfcfcf}
.theme-meta p{color:#b9b9b5}
.theme-meta>span{font:700 12px/1.2 var(--body);color:var(--yellow);text-transform:uppercase;white-space:nowrap;letter-spacing:.01em}
.theme-footnote{border-top-color:#333;color:#c6c6bd}
/* 05 — jaune : formats */
.formats{background:var(--yellow)}
.format-row{grid-template-columns:minmax(0,1fr);padding:21px 0}
.format-row h3{margin-bottom:8px}
/* 06 — noir : phrase clé */
.one-liner{background:#0b0b0b}
.one-liner h2{font-size:clamp(60px,7.2vw,115px);line-height:.88;max-width:1200px}
/* 07 — jaune : Ulule */
.ulule{background:var(--yellow);color:#0b0b0b;padding:90px 0}
.ulule-card{display:block;border:0;border-top:2px solid #0b0b0b;border-bottom:2px solid #0b0b0b;background:transparent;padding:49px 0 52px}
.ulule .kicker{color:#544e00}
.ulule h2{color:#0b0b0b}
.ulule p{color:#302d00}
.ulule-actions{margin-top:29px}
.ulule-external{display:inline-flex;align-items:center;justify-content:center;padding:17px 22px;background:#0b0b0b;color:var(--yellow);border:1px solid #0b0b0b;border-radius:4px;font-size:13px;text-transform:uppercase;letter-spacing:0}
.ulule-external:hover{background:#272727;color:#fff}
/* 08 — noir : jeu physique */
.physical{background:#0b0b0b;color:#fff}
.physical h2 span{color:var(--yellow)}
.physical-copy>p{color:#c1c1bc}
.physical-copy>p strong{color:#fff}
.physical-note{border-left:0;padding-left:0;color:#a9a9a4!important}
.stack-backdrop{position:absolute;inset:10px 15px;background:#1d1d1d;border:1px solid #303030;border-radius:4px}
.card-stack img{border-radius:0;filter:drop-shadow(0 18px 15px #0009)}
/* 09 — jaune : FAQ */
.faq{background:var(--yellow);color:#0b0b0b}
.faq-items{border-top-color:#0b0b0b66}
.faq-items details{border-bottom-color:#0b0b0b66}
.faq-items details p{color:#403b00}
/* Footer noir */
.footer{background:#0b0b0b}
@media(max-width:920px){
  .rule,.rule:nth-child(2),.rule:nth-child(3),.rule:nth-child(4){border-color:#0b0b0b55}
  .ulule-card{padding:42px 0}
  .theme-visual{aspect-ratio:.78}
}
@media(max-width:620px){
  .answer{border-bottom-color:#383838;grid-template-columns:73px minmax(0,1fr)}
  .rule,.rule:nth-child(2),.rule:nth-child(3),.rule:nth-child(4){border-color:#0b0b0b66}
  .scoring{padding:26px 20px}
  .theme-visual{padding:8px;aspect-ratio:.75}
  .theme-visual img{border-radius:0}
  .theme-meta{flex-wrap:wrap;align-items:baseline;gap:7px}
  .theme-meta>span{font-size:10px}
  .theme-meta h3{font-size:21px}
  .one-liner h2{font-size:clamp(45px,10.5vw,75px);line-height:.88}
  .ulule{padding:60px 0}
  .ulule-card{padding:36px 0}
  .ulule-external{font-size:12px;width:100%}
  .card-stack img{border-radius:0}
}
/* Les trois cartes physiques doivent rester entièrement visibles. */
.card-stack img{left:35%}
@media(max-width:920px){
  .card-stack img{height:300px;top:58px;left:34%}
}
@media(max-width:620px){
  .card-stack img{height:188px;top:76px;left:38%}
}
.stack-one{transform:translateX(-60%) rotate(-16deg)}
.stack-two{transform:translateX(-33%) rotate(1deg)}
.stack-three{transform:translateX(-7%) rotate(16deg)}