@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#110e0e;--ink2:#1c1516;--cream:#eee7dd;--muted:#b0a39b;--red:#b31327;--line:#514243;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ff5b65;outline-offset:3px}.serif{font-family:var(--serif)}.caps{font-size:.67rem;letter-spacing:.19em;text-transform:uppercase;font-weight:600}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.topbar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:24px clamp(22px,5vw,76px);border-bottom:1px solid #ffffff29;background:linear-gradient(180deg,#0b070ac7,#0b070a15);min-height:84px}.brand{font:normal 1.34rem var(--serif);letter-spacing:.28em;text-decoration:none;white-space:nowrap}.topright{display:flex;gap:24px;align-items:center}.edition{color:#ede3d7}.lang{border:1px solid #d3c4c49c;color:#f8e8e6;padding:10px 14px;background:#1b151599;letter-spacing:.18em;font-size:.68rem;min-width:56px}.footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:25px clamp(22px,5vw,76px);border-top:1px solid #403435;font-size:.63rem;letter-spacing:.14em;text-transform:uppercase;color:#afa09b}.footlink{text-decoration:none}.footlink:hover{color:#fff}.layout{position:relative;min-height:100vh}.visual{pointer-events:none;position:absolute;inset:0;overflow:hidden;background:#150e11}.visual video,.visual .visual-poster{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 43%;filter:saturate(.88) brightness(.94)}.visual video{z-index:1}.visual:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#080608d9 0%,#0c080b9d 50%,#0d080b12 100%),linear-gradient(0deg,#0b090c95,transparent 50%,#09070b6b)}.visual:after{content:'';z-index:3;position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#0001 4px);opacity:.18}.visual-top,.visual-big,.visual-bottom{display:none}.stage{position:relative;z-index:4}.stage-inner{width:100%}.eyebrow{color:#e2c1bd;font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;font-weight:600}.hero-intro{min-height:100svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:130px clamp(25px,9vw,150px) 80px}.intro-kicker{margin:0 0 20px;color:#e9d6d0}.hero-title{font:normal clamp(4.3rem,9.8vw,11.2rem)/.88 var(--serif);letter-spacing:-.077em;max-width:1050px;margin:20px 0 29px;text-wrap:balance}.hero-title em{font-weight:normal;color:#c4a39e}.intro-lead{line-height:1.65;font-size:clamp(.95rem,1.32vw,1.12rem);max-width:560px;color:#dfd4ce}.hero-micro{margin-top:26px!important;color:#c5b4ae}.intro-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:29px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:55px;padding:15px 26px;border:1px solid #b72b34;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.69rem;font-weight:700;transition:transform .25s ease,background .25s ease,border-color .25s ease;color:#fff}.btn:hover:not(:disabled){transform:translateY(-3px);border-color:#e55d66}.btn.primary{background:var(--red)}.btn.primary:hover:not(:disabled){background:#d21c35}.btn.secondary{background:#1e171acc;border-color:#7a6264}.btn.ghost{background:transparent;border-color:#55484a}.btn:disabled{opacity:.38;cursor:not-allowed}.btn .sparkle{font-size:1.4rem;font-weight:normal;line-height:.5}.mini-note{max-width:590px;line-height:1.65;font-size:.69rem;color:#b5a7a2}.intro-rule{width:65px;height:1px;background:#9f444b;margin-bottom:17px}body[data-view='question'] .visual,body[data-view='result'] .visual{display:none}.question-stage{min-height:100svh;display:flex;align-items:center;padding:130px clamp(25px,8vw,140px) 80px;background:radial-gradient(circle at 84% 45%,#2d131a 0%,#180f13 32%,#0e0b0d 65%)}.question-wrap{width:100%;max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,29%);align-items:center;gap:clamp(22px,7vw,100px)}.question-content{max-width:680px}.quiz-meta{display:flex;justify-content:space-between;gap:14px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#cdb6b1}.progress{display:flex;gap:4px;margin:20px 0 52px}.progress span{height:2px;flex:1;background:#554649}.progress span.done{background:#d62a3e}.question{font:normal clamp(2.6rem,4.3vw,5rem)/1.04 var(--serif);letter-spacing:-.053em;margin:0 0 36px}.options{display:flex;flex-direction:column;gap:13px}.option{display:flex;align-items:center;gap:18px;cursor:pointer;border-bottom:1px solid #5a474b;min-height:65px;padding:15px 8px;color:#e5d9d4;transition:color .2s,border-color .2s,background .2s}.option:hover{color:white;border-color:#be7580;background:#fff1}.option.active{border-color:#df4d61;background:#8b1a292d}.option-number{flex:0 0 34px;font-family:var(--serif);font-size:1.1rem;color:#cc7a83}.option em{font-style:normal;font-size:.93rem;line-height:1.5;max-width:530px}.option input{accent-color:#c72234;position:absolute;opacity:0}.option:focus-within{outline:2px solid #d55e6b;outline-offset:1px}.question-nav{margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.side-visual{width:100%;height:min(61vh,650px);min-height:390px;position:relative;overflow:hidden;background:#24171b;box-shadow:22px 24px 0 #ffffff08}.side-visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.86) grayscale(.2);animation:sideReveal .7s ease both}.side-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,#0b080ba8)}.side-caption{position:absolute;left:20px;right:20px;bottom:16px;z-index:1;font-size:.61rem;letter-spacing:.2em;color:#efe3dd;text-transform:uppercase}.side-mark{position:absolute;top:14px;right:18px;z-index:1;color:#fff;font-size:1.8rem}.result-hero{min-height:98svh;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:135px clamp(25px,8vw,128px) 77px;background:#140d0f}.result-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;animation:slowzoom 18s ease-in-out infinite alternate;opacity:.93;filter:brightness(.94) saturate(.87)}.result-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090608ee 2%,#09060866 45%,#09060830 100%),linear-gradient(90deg,#09070b95,transparent 72%)}.result-front{position:relative;z-index:2;max-width:1250px}.result-tag{font-size:.69rem;letter-spacing:.26em;text-transform:uppercase;color:#f1d9d1}.result-title{font:normal clamp(4.4rem,10vw,11rem)/.9 var(--serif);letter-spacing:-.065em;max-width:1200px;margin:21px 0 17px;text-wrap:balance}.result-slogan{font:italic clamp(1.4rem,2.3vw,2rem) var(--serif);color:#f1d8d1;margin:0 0 23px}.result-scroll{font-size:.67rem;letter-spacing:.17em;text-transform:uppercase;color:#d8c4bc;display:inline-block;margin-top:30px;text-decoration:none}.result-body{background:#eae2d7;color:#241b1c;padding:95px clamp(24px,8vw,135px) 110px}.result-copy{max-width:1160px;margin:auto;display:grid;grid-template-columns:200px minmax(0,1fr);gap:42px}.result-left{font-size:.67rem;letter-spacing:.2em;text-transform:uppercase;color:#8a333c;font-weight:700}.result-essay h2{font:normal clamp(2rem,4vw,4.8rem)/1.08 var(--serif);margin:0 0 22px;letter-spacing:-.04em}.result-essay p{font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.8;max-width:850px}.result-focus{font:italic 1.5rem var(--serif);color:#682730;margin-top:32px}.result-edit{padding:17px 0 17px 25px;border-left:2px solid #962b3c;color:#544548;max-width:850px;font-size:.96rem;line-height:1.6}.products-section{padding:80px clamp(24px,7vw,115px) 112px;background:#130f10;color:#eee4da}.products-head{display:flex;justify-content:space-between;align-items:end;gap:20px;max-width:1400px;margin:auto auto 33px}.products-head h2{font:normal clamp(2.7rem,5.5vw,6rem)/.99 var(--serif);letter-spacing:-.045em;margin:10px 0 0}.products-head p{color:#bcaea8;max-width:350px;font-size:.82rem;line-height:1.7}.product-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,calc((100% - 32px)/3));overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;max-width:1400px;margin:auto;scrollbar-color:#87444b #1b1516;padding-bottom:18px}.product-card{min-width:0;scroll-snap-align:start;cursor:pointer;display:flex;flex-direction:column;text-align:left;background:#1f1819;border:1px solid #443739;padding:0;color:#efe4db;transition:border-color .2s,transform .2s}.product-card:hover{border-color:#a35159;transform:translateY(-3px)}.product-image{position:relative;aspect-ratio:5/5.4;background:#241b1b;overflow:hidden}.product-image img{height:100%;width:100%;object-fit:cover;transition:transform .45s}.product-card:hover .product-image img{transform:scale(1.055)}.product-plus{position:absolute;top:16px;right:16px;border:1px solid #d9c7c4b8;background:#150e1080;width:34px;height:34px;display:grid;place-items:center;font-size:1.4rem;font-weight:300}.product-copy{padding:22px 20px 28px}.product-category{font-size:.64rem;letter-spacing:.17em;color:#c79094;text-transform:uppercase}.product-copy h3{font:normal clamp(1.5rem,2vw,2rem) var(--serif);margin:14px 0 10px}.product-copy p{color:#c9bab2;font-size:.8rem;line-height:1.65;margin:0 0 18px}.product-discover{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#fff}.product-note{max-width:1400px;margin:20px auto 0;font-size:.71rem;color:#b1a3a0;line-height:1.7}.result-actions{padding:82px clamp(24px,8vw,130px);text-align:center;background:#21171a}.result-actions h2{font:normal clamp(2rem,4vw,4.5rem)/1.1 var(--serif);letter-spacing:-.05em;margin:0 0 16px}.result-actions p{color:#d0bdbc;font-size:.9rem;line-height:1.7}.action-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:30px}.score-details{max-width:680px;margin:40px auto 0}.score-heading{margin:0 0 18px;font-size:.65rem;letter-spacing:.14em;color:#cab5af;text-transform:uppercase}.score-row{display:grid;grid-template-columns:105px 1fr 36px;gap:14px;align-items:center;margin:12px 0;font-size:.68rem;text-align:left;color:#ddd0c8}.score-track{height:3px;background:#584247}.score-fill{height:100%;background:#b12636}.score-num{text-align:right;color:#bcaeab}.modal{position:fixed;max-height:92vh;max-width:min(780px,92vw);width:min(780px,92vw);border:1px solid #725a5e;padding:0;background:#161112;color:#f4e9e0;box-shadow:0 25px 100px #000d}.modal::backdrop{background:#050405e8;backdrop-filter:blur(7px)}.modal-inner{display:grid;grid-template-columns:48% 1fr;min-height:380px}.modal-art{background:#211516;max-height:70vh;width:100%;height:100%;object-fit:cover}.modal-copy{padding:56px 30px 35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.modal-copy h2{font:normal clamp(1.9rem,3.6vw,3.5rem)/1.07 var(--serif);margin:18px 0}.modal-copy p{font-size:.9rem;line-height:1.75;color:#d8c4bb}.modal-close{position:absolute;right:12px;top:10px;z-index:2;border:1px solid #c4aaad;background:#211619;color:#fff;width:43px;height:43px;font-size:1.5rem}.home{min-height:100vh;padding:150px clamp(28px,8vw,130px) 90px;background:radial-gradient(circle at 84% 14%,#53222a,#110c0e 40%)}.home h1{font:normal clamp(4rem,9vw,9.5rem)/.91 var(--serif);letter-spacing:-.066em;margin:20px 0;max-width:960px}.home p.lead{line-height:1.8;color:#dbcac4;max-width:620px}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1370px;margin:64px auto 0}.home-card{border:1px solid #715052;padding:30px;min-height:270px;display:flex;flex-direction:column;text-decoration:none;background:#1d14178a;transition:border-color .3s,transform .3s}.home-card:hover{border-color:#d6858c;transform:translateY(-3px)}.home-card h2{font:normal 2rem var(--serif);margin:24px 0 12px}.home-card p{color:#c8b4b2;line-height:1.7;font-size:.85rem;flex:1}.home-card .linkbottom{font-size:.71rem;letter-spacing:.14em;color:#f4e4e4;text-transform:uppercase}.presenter{min-height:100vh;padding:140px clamp(22px,6vw,90px) 90px;display:grid;grid-template-columns:1fr 380px;gap:5vw;align-items:center;background:radial-gradient(circle at 68% 29%,#5e242c,#130c0e 60%)}.presenter h1{font:normal clamp(3.7rem,6.8vw,7.3rem)/.92 var(--serif);letter-spacing:-.06em;margin:20px 0}.presenter p{line-height:1.8;color:#d7c7c0;max-width:550px}.qr-card{background:#eee8df;color:#1b1214;text-align:center;padding:24px}.qr-card img{display:block;width:100%;background:white}.qr-card .caps{color:#512632}.qr-card .url{font-size:.72rem;word-break:break-all}.presentation-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.textlink{color:#edd6cb;text-decoration:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}@keyframes slowzoom{from{transform:scale(1.01)}to{transform:scale(1.07)}}@keyframes sideReveal{from{opacity:.5;transform:scale(1.065)}to{opacity:1;transform:scale(1)}}@media(max-width:1050px){.question-wrap{grid-template-columns:minmax(0,1fr) 28%;gap:30px}.side-visual{min-height:320px}.result-copy{grid-template-columns:120px 1fr}.home-grid{grid-template-columns:1fr}.home-card{min-height:210px}}@media(max-width:720px){.topbar{min-height:76px;padding:20px}.brand{font-size:1.1rem}.topright{gap:10px}.edition{display:none}.hero-intro{padding:130px 25px 60px;min-height:93svh}.hero-title{font-size:clamp(3.9rem,15vw,6.8rem);letter-spacing:-.066em}.intro-lead{max-width:380px}.question-stage{padding:110px 23px 65px;min-height:94svh}.question-wrap{grid-template-columns:1fr;gap:20px}.side-visual{order:-1;min-height:0;height:145px;width:100%;max-width:none;box-shadow:none}.side-visual img{object-position:center 43%}.side-caption{bottom:10px;left:12px}.progress{margin-bottom:29px}.question{font-size:clamp(2.4rem,8vw,4rem);margin-bottom:20px}.option{padding:12px 7px;min-height:60px}.option em{font-size:.88rem}.question-nav{margin-top:23px}.result-hero{min-height:85svh;padding:130px 24px 56px}.result-title{font-size:clamp(4rem,13vw,7.4rem)}.result-body{padding:65px 25px}.result-copy{grid-template-columns:1fr;gap:16px}.result-essay h2{font-size:2.6rem}.products-section{padding:65px 22px 82px}.products-head{display:block}.products-head p{margin-top:12px}.products-head h2{font-size:3.3rem}.product-rail{grid-auto-columns:77%;gap:12px}.result-actions{padding:62px 23px}.modal-inner{grid-template-columns:1fr}.modal-art{height:240px}.modal-copy{padding:24px}.home{padding:125px 24px 70px}.home h1{font-size:4.2rem}.presenter{grid-template-columns:1fr;padding:120px 25px 60px;gap:30px}.presenter h1{font-size:4rem}.qr-card{max-width:390px}.footer{padding:23px 22px}}@media(max-width:420px){.hero-title{font-size:3.6rem}.product-rail{grid-auto-columns:90%}.question-nav{gap:7px}.question-nav .btn{padding:11px;min-height:46px;font-size:.63rem}.question{font-size:2.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.visual video{display:none!important}}

.result-image-credit{position:absolute;right:clamp(24px,5vw,85px);bottom:37px;z-index:2;color:#d9cac3;font-size:.61rem;letter-spacing:.16em;text-transform:uppercase;opacity:.77}@media(max-width:720px){.result-image-credit{bottom:20px;font-size:.55rem}}


/* === THE ONIX · MOBILE EDITORIAL V3 / USER-CURATED REFERENCES === */
:root{--red:#a80019;--cream:#f2e9de;--serif:'Times New Roman',Georgia,serif}
.visual video,.visual .visual-poster{object-position:50% 48%;filter:brightness(.82) saturate(1.12)}
.visual video{animation:onixVideoZoom 17s ease-in-out infinite alternate;transform-origin:52% 52%}
.visual:before{background:linear-gradient(180deg,rgba(5,2,3,.7),rgba(7,2,3,.32) 31%,rgba(8,3,4,.38) 63%,rgba(5,1,3,.9)),linear-gradient(90deg,#0b0206a8,transparent 86%)}
@keyframes onixVideoZoom{from{transform:scale(1.065)}to{transform:scale(1.12)}}
.hero-title{font-family:var(--serif);font-weight:normal;letter-spacing:-.058em;line-height:.91;text-transform:uppercase}
.hero-title em{font-style:italic;color:#f5d6d0}
.btn.primary{background:#b00921;border-color:#b00921}
.btn.primary:hover{background:#cf2138}
.question-stage{background:radial-gradient(circle at 95% 4%,#41151a 0%,#170d0f 35%,#0e0c0e 78%)}
.side-visual{border:1px solid rgba(234,203,190,.38);max-width:340px;min-height:445px}
.side-visual img{filter:brightness(.85) saturate(.78);object-position:center 28%}
.side-caption{font-size:.51rem;letter-spacing:.12em;line-height:1.5;max-width:80%}
.result-hero{background:#100b0b}
.result-bg{object-position:center 36%;filter:brightness(.67) saturate(.83);animation:slowzoom 19s ease-in-out infinite alternate}
.result-hero:after{background:linear-gradient(0deg,#0a0407f5 0%,#0a0407b3 22%,transparent 59%,#08060857 100%)}
.result-prelude{font-size:.6rem;text-transform:uppercase;letter-spacing:.28em;color:#f8dacc;margin-bottom:24px}
.result-title{font-family:var(--serif);letter-spacing:-.066em;line-height:.86;text-shadow:0 5px 35px #0007}
.result-tag{margin:22px 0 12px;letter-spacing:.19em;color:#f0dbd4}
.result-slogan{font-size:clamp(1.2rem,2.1vw,1.9rem)}
.result-image-credit{font-size:.5rem;max-width:280px;text-align:right;bottom:20px;letter-spacing:.075em;opacity:.85}
.result-scroll{margin-top:15px}
.result-body{background:#eee7de}
.result-essay h2,.products-head h2,.culture-section h2{font-family:var(--serif)}
.product-rail{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.product-image{background:#161012}
.product-card:focus-visible{outline:2px solid #dd5b63;outline-offset:-2px}
.culture-section{background:#ede4da;color:#211719;padding:72px clamp(24px,7vw,115px) 90px}
.culture-section>.eyebrow{color:#792836;margin:0 0 20px}
.culture-columns{max-width:1220px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,7vw,120px)}
.culture-columns>div+div{border-left:1px solid #c2ada9;padding-left:clamp(20px,5vw,70px)}
.culture-section h2{font:normal clamp(2.3rem,4.5vw,4.6rem)/.97 var(--serif);letter-spacing:-.05em;margin:20px 0}
.culture-intro{font-size:.83rem;line-height:1.7;color:#675459;max-width:410px}
.culture-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.culture-tags span{padding:10px 12px;border:1px solid #bca9a6;color:#3e282d;font-size:.73rem}
.culture-columns ol{list-style:none;counter-reset:track;padding:0;margin:22px 0 0}
.culture-columns li{counter-increment:track;display:flex;gap:15px;padding:10px 0;border-bottom:1px solid #d7cac1;font:normal 1.1rem var(--serif)}
.culture-columns li:before{content:counter(track,decimal-leading-zero);font:normal .64rem Arial,sans-serif;color:#8c4850;min-width:23px;padding-top:4px}
@media(max-width:720px){
 html{scroll-padding-top:70px}
 body{overflow-x:hidden}
 .topbar{position:absolute;min-height:68px;padding:16px 19px;background:linear-gradient(180deg,#080407ab,transparent)}
 .brand{font-size:1rem;letter-spacing:.24em}
 .lang{font-size:.6rem;padding:8px 9px;min-width:43px}
 .hero-intro{min-height:100svh;padding:105px 23px max(66px,env(safe-area-inset-bottom));justify-content:flex-end}
 .hero-intro .eyebrow{font-size:.55rem;letter-spacing:.19em}
 .hero-title{font-size:clamp(3.6rem,13.4vw,5.3rem);line-height:.93;margin:19px 0 17px;max-width:570px;letter-spacing:-.056em}
 .intro-lead{font-size:.85rem;line-height:1.62;margin:0;max-width:355px;color:#f1ded7}
 .intro-rule{margin-bottom:14px}
 .intro-actions{margin-top:20px;gap:12px;align-items:flex-start;flex-direction:column}
 .hero-micro{font-size:.62rem;margin:15px 0 0!important}
 .btn{min-height:50px}
 .visual video,.visual .visual-poster{object-position:10% 48%}
 .visual:before{background:linear-gradient(180deg,#0301036b 0%,#06030700 24%,#0603071a 43%,#0a0409a3 65%,#0a0308f5 100%),linear-gradient(90deg,#09040833,transparent 78%)}
 .question-stage{position:relative;padding:240px 22px 62px;min-height:100svh;align-items:stretch}
 .question-stage:before{content:'THE ONIX / THE VISUAL ARCHIVE';position:absolute;top:118px;left:22px;width:175px;color:#c6a9a6;font:600 .61rem/1.7 Arial,sans-serif;letter-spacing:.15em}
 .question-wrap{display:block;position:static;max-width:530px}
 .question-content{width:100%;max-width:none}
 .side-visual{position:absolute;right:22px;top:102px;min-height:0;width:110px;height:126px;max-width:none;border-color:#bb777b;box-shadow:0 10px 40px #0006}
 .side-visual img{object-position:center 28%}
 .side-mark{font-size:1rem;right:9px;top:7px}
 .side-caption{font-size:.41rem;left:6px;bottom:5px;right:6px;line-height:1.15;letter-spacing:.035em;max-width:none}
 .quiz-meta{font-size:.57rem;letter-spacing:.09em}
 .progress{margin:13px 0 28px;gap:3px}
 .question{font-size:clamp(2.25rem,9vw,3.7rem);margin-bottom:23px;line-height:1.03}
 .options{gap:8px}
 .option{padding:14px 11px;min-height:64px;border-color:#5b4548;background:#1d1417b9}
 .option em{font-size:.83rem;line-height:1.45;font-style:normal}
 .option-number{font-size:.62rem;min-width:27px}
 .question-nav{margin-top:21px}
 .question-nav .btn{font-size:.57rem;padding:12px;min-height:46px}
 .question-content>.mini-note{font-size:.55rem}
 .result-hero{min-height:100svh;padding:95px 24px 68px;justify-content:flex-end}
 .result-bg{object-position:center 29%;filter:brightness(.73) saturate(.87)}
 .result-hero:after{background:linear-gradient(0deg,#060304f5 0%,#080405ce 17%,#08040554 46%,#08040526 75%,#0804057a 100%)}
 .result-prelude{font-size:.54rem;letter-spacing:.14em;margin-bottom:12px}
 .result-title{font-size:clamp(3.65rem,14vw,6rem);line-height:.85;letter-spacing:-.063em;margin:0 0 7px;max-width:100%;overflow-wrap:break-word}
 .result-tag{font-size:.58rem;letter-spacing:.13em;margin:15px 0 9px}
 .result-slogan{font-size:1.15rem;margin:0 0 6px}
 .result-image-credit{bottom:11px;right:16px;left:16px;text-align:right;max-width:none;font-size:.47rem}
 .result-scroll{font-size:.56rem;margin-top:21px}
 .result-body{padding:57px 24px 62px}
 .result-essay h2{font-size:clamp(2.5rem,10vw,3.9rem);line-height:1.0}
 .result-essay p{font-size:.96rem;line-height:1.74}
 .result-focus{font-size:1.23rem;margin-top:24px}
 .products-section{padding:60px 0 65px}
 .products-head{padding:0 23px;margin-bottom:22px}
 .products-head h2{font-size:clamp(3.1rem,12vw,4rem);max-width:320px}
 .products-head p{font-size:.78rem}
 .product-rail{max-width:none;grid-auto-columns:min(76vw,325px);gap:12px;padding:0 23px 19px;scroll-padding-left:23px}
 .product-image{aspect-ratio:5/5.6}
 .product-copy{padding:20px 18px 24px}
 .product-copy h3{font-size:1.75rem}
 .product-note{padding:0 23px;font-size:.63rem}
 .culture-section{padding:58px 24px 65px}
 .culture-columns{grid-template-columns:1fr;gap:36px}
 .culture-columns>div+div{border-left:0;border-top:1px solid #c2ada9;padding-left:0;padding-top:22px}
 .culture-section h2{font-size:2.7rem;margin:14px 0}
 .culture-intro{font-size:.79rem}
 .culture-columns li{font-size:1.08rem}
 .modal{max-width:94vw;width:94vw;max-height:88dvh}
 .modal-inner{grid-template-columns:1fr}
 .modal-art{height:min(43svh,390px);object-fit:contain}
 .modal-copy{padding:21px 21px 25px}
 .modal-copy h2{font-size:2rem;margin:10px 0}
 .modal-copy p{font-size:.82rem}
 .home-card{min-height:190px}
}
@media(max-width:375px){.hero-title{font-size:3.37rem}.result-title{font-size:3.5rem}.question{font-size:2.16rem}.question-stage{padding-top:235px}.product-rail{grid-auto-columns:84vw}}
@media(prefers-reduced-motion:reduce){.visual video{display:none!important}.visual .visual-poster{display:block!important}.result-bg{animation:none!important}}

@media(max-width:720px){.result-hero.result-br .result-title,.result-hero.result-mr .result-title,.result-hero.result-bm .result-title,.result-hero.result-flux .result-title{font-size:clamp(2.95rem,11.4vw,4.6rem);line-height:.9}}

/* ═══ THE ONIX / V4 · DYNAMIC VISUAL ARCHIVE + SCENT AND SOUND ═══ */
.side-visual{isolation:isolate}
.side-visual img{transition:opacity .33s ease,filter .45s ease,transform .7s ease;animation:sideReveal .75s ease both}
.side-visual img.is-changing{opacity:.05;transform:scale(1.05);filter:blur(6px)}
.side-caption{padding-right:8px;text-shadow:0 1px 10px #000}
.side-mark{color:#c62236;text-shadow:0 1px 8px #0009;transform:rotate(30deg)}
.question-content{animation:onixQuestionIn .6s cubic-bezier(.22,1,.36,1) both}
@keyframes onixQuestionIn{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
.option{position:relative;overflow:hidden}
.option:before{content:'';position:absolute;width:0;height:100%;background:#ae233018;left:0;top:0;transition:width .24s ease;pointer-events:none}
.option:hover:before,.option.active:before{width:100%}
.option:active{transform:translateX(3px);border-color:#d34450}
.btn:active{transform:translateY(1px) scale(.974)!important}
.product-card:active,.scent-card:active{transform:scale(.986)}
.product-source{font:600 .58rem/1.5 var(--sans);color:#c0a5a8;letter-spacing:.10em;margin:-4px 0 15px;text-transform:uppercase;min-height:1.5rem}
.product-card[data-product="2"] .product-image img{object-fit:contain;padding:12px;background:#171113}
.product-card[data-product="2"] .product-image{background:#171113}
.modal-credit{border-top:1px solid #635457;margin-top:22px;padding-top:16px;font-size:.6rem;line-height:1.8;letter-spacing:.035em;color:#c9acac;word-break:break-word;max-width:100%}
.culture-columns{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);align-items:start}
.culture-section{overflow:hidden}
.scent-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:12px 1px 25px;scrollbar-color:#ad6770 #d3c2b6}
.scent-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid #d0bfb5;min-width:0;padding:0 0 14px;background:#f4eee7;color:#261b1f;scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.scent-card:hover{transform:translateY(-3px);border-color:#9d3c4a;box-shadow:0 12px 24px #6b383126}
.scent-image{width:100%;aspect-ratio:3/4;display:block;background:#201519;overflow:hidden}
.scent-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.scent-card:hover img{transform:scale(1.04)}
.scent-name{font:normal 1.1rem/1.07 var(--serif);padding:12px 12px 6px;min-height:61px}
.scent-reference{font:600 .49rem/1.4 var(--sans);padding:0 12px;letter-spacing:.07em;color:#874653}
.culture-columns .spotify-tracks{margin-top:16px}
.spotify-tracks li{padding:0;display:block;border-bottom:1px solid #d7cac1}
.spotify-tracks li:before{display:none}
.spotify-tracks li a{display:flex;align-items:baseline;justify-content:space-between;gap:13px;padding:15px 3px;text-decoration:none;color:#251b1e;transition:background .2s,padding-left .2s}
.spotify-tracks li a:hover{background:#e3d5cd;padding-left:10px}
.track-title{font:normal clamp(.95rem,1.3vw,1.2rem)/1.3 var(--serif)}
.track-action{white-space:nowrap;font:.59rem var(--sans);letter-spacing:.1em;font-weight:700;color:#9f3142}
.spotify-playlist{display:inline-flex;align-items:center;gap:8px;background:#95172b;color:#fff;text-decoration:none;padding:14px 18px;margin-top:25px;font-weight:700;font-size:.63rem;letter-spacing:.13em;transition:background .25s,transform .25s}
.spotify-playlist:hover{background:#c82542;transform:translateY(-2px)}
/* Desktop: a physical red triangular cursor, with a separate touch click burst. */
@media(pointer:fine){
 body.custom-triangle-pointer,body.custom-triangle-pointer *{cursor:none!important}
 .onix-pointer{display:block;position:fixed;left:0;top:0;width:22px;height:27px;background:#ed1f35;clip-path:polygon(3% 0%,92% 57%,55% 66%,39% 99%);filter:drop-shadow(0 0 2px #000);transform:translate3d(-100px,-100px,0);pointer-events:none;z-index:2147483600;opacity:0;transition:opacity .12s,width .16s,height .16s}
 .onix-pointer.visible{opacity:1}
 .onix-pointer.pressed{width:18px;height:22px;background:#ff8997}
}
@media(pointer:coarse){.onix-pointer{display:none}}
.onix-click-effect{position:fixed;width:15px;height:15px;border:2px solid #f01c39;border-radius:1px;pointer-events:none;z-index:2147483601;transform:translate(-50%,-50%) rotate(45deg);animation:onixTapRing .65s ease-out both}
.onix-click-effect:after{content:'';position:absolute;inset:0;clip-path:polygon(50% 0%,0% 100%,100% 100%);background:#f53d57;transform:scale(.8)}
@keyframes onixTapRing{0%{opacity:1;scale:.3}45%{opacity:.85}100%{opacity:0;scale:2.5}}
@media(max-width:850px){
 .culture-columns{grid-template-columns:1fr;gap:39px}
 .culture-columns>div+div{padding-top:30px;border-left:0;border-top:1px solid #cbbab0;padding-left:0}
 .scent-rail{grid-auto-columns:min(44vw,200px);gap:10px;margin-right:-24px;padding-right:24px}
 .scent-image{aspect-ratio:4/5}
 .scent-name{font-size:1.02rem;min-height:64px}
 .scent-reference{font-size:.48rem}
 .product-copy h3{font-size:1.67rem}
 .product-source{font-size:.54rem}
 .culture-section h2{font-size:2.7rem}
 .spotify-tracks li a{min-height:60px}
}
@media(prefers-reduced-motion:reduce){
 .onix-click-effect{display:none}
 .side-visual img,.option,.btn,.scent-card,.question-content{animation:none!important;transition:none!important}
}

/* Narrow-screen typography and Spotify link visibility. */
.culture-columns>div{min-width:0;max-width:100%}
.scent-rail{min-width:0;max-width:100%}
.spotify-tracks,.spotify-tracks li,.spotify-tracks li a{max-width:100%;min-width:0;width:100%}
.track-title{min-width:0;overflow-wrap:anywhere}
.track-action{flex:0 0 auto;display:inline-block}
@media(max-width:720px){
 .culture-section h2{font-size:clamp(1.9rem,8.7vw,2.5rem)!important;letter-spacing:-.058em;overflow-wrap:anywhere}
 .spotify-tracks li a{padding:14px 0;gap:6px}
 .track-action{font-size:.51rem;letter-spacing:.04em}
}
\n/* ══ THE ONIX / V5: DESIGN REFINEMENTS ══ */
.brand{display:inline-flex;gap:11px;align-items:center}
.brand-icon{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 0 7px #de1c3450)}
.topright{gap:12px}.theme-toggle{display:inline-flex;align-items:center;gap:7px;justify-content:center;border:1px solid #7b6569;background:#181114ac;color:#f0e6dd;min-height:37px;padding:8px 12px;letter-spacing:.12em;text-transform:uppercase;font-size:.61rem;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.theme-toggle:hover{border-color:#e6adb1;background:#57202a}.theme-symbol{font-size:1rem;line-height:1}
.hero-intro{position:relative}.hero-emblem{position:absolute;right:clamp(36px,10vw,170px);top:18%;width:clamp(83px,12vw,170px);height:auto;opacity:.94;z-index:2;filter:drop-shadow(0 5px 22px #fa23345c);animation:emblemEnter 1.3s ease both,emblemBreathe 7s ease-in-out 1.5s infinite alternate}
@keyframes emblemEnter{from{opacity:0;transform:translateY(-15px)}to{opacity:.94;transform:translateY(0)}}
@keyframes emblemBreathe{from{filter:drop-shadow(0 0 4px #ee1b2f55)}to{filter:drop-shadow(0 0 20px #e82c3f91)}}
/* Exact geometric triangle and a soft halo behind it; no click-shaped symbols. */
@media(pointer:fine){
 .onix-pointer{width:22px!important;height:25px!important;background:none!important;clip-path:none!important;filter:none!important;isolation:isolate;transition:opacity .1s ease!important}
 .onix-pointer:after{content:'';position:absolute;z-index:-1;left:-14px;top:-13px;width:50px;height:52px;background:radial-gradient(circle,rgba(244,43,67,.65) 0%,rgba(223,16,40,.23) 40%,transparent 69%);filter:blur(5px);border-radius:50%;pointer-events:none}
 .onix-pointer:before{content:'';position:absolute;z-index:2;inset:0;clip-path:polygon(50% 0%,0% 100%,100% 100%);background:linear-gradient(135deg,#ff9ea3 0%,#e92139 35%,#970a1f 100%);box-shadow:0 0 4px #ff4d62}
 .onix-pointer.pressed{width:22px!important;height:25px!important;background:none!important}
 .onix-pointer.pressed:after{transform:scale(1.16);background:radial-gradient(circle,rgba(255,111,129,.78) 0%,rgba(239,37,65,.25) 45%,transparent 71%)}
}
.onix-click-effect{width:48px!important;height:48px!important;border:0!important;border-radius:50%!important;background:radial-gradient(circle,rgba(255,180,181,.7),rgba(238,31,63,.38) 33%,rgba(233,25,56,.04) 65%,transparent 78%);box-shadow:none!important;transform:translate(-50%,-50%)!important;animation:onixClickGlow .52s ease-out both!important}
.onix-click-effect:after{display:none!important}
@keyframes onixClickGlow{from{opacity:.9;scale:.5;filter:blur(2px)}to{opacity:0;scale:1.7;filter:blur(9px)}}
/* Curated photography: the third card is now an accessory, not a perfume. */
.product-card[data-product="2"] .product-image img{object-fit:cover!important;padding:0!important;background:transparent!important}
.product-card[data-product="2"] .product-image{background:#221518!important}
.onix-contact{padding:88px 24px 103px;background:#100b0d;color:#f5e9e0;text-align:center;border-top:1px solid #3b292d}
.contact-mark{width:72px;height:auto;margin-bottom:24px;filter:drop-shadow(0 0 12px #ad24334b)}
.contact-kicker{font-size:.65rem;letter-spacing:.2em;color:#c1aca5}.onix-contact h2{font:normal clamp(3.4rem,7vw,7rem)/.9 var(--serif);margin:18px 0;letter-spacing:-.04em}
.onix-contact>p:not(.contact-kicker){max-width:460px;margin:0 auto 30px;color:#bcb0a8;line-height:1.6}
.contact-links{display:flex;justify-content:center;align-items:stretch;gap:13px;flex-wrap:wrap}
.contact-links a{padding:15px 23px;border:1px solid #634449;color:#fbefdf;text-decoration:none;letter-spacing:.10em;font-size:.69rem;transition:background .22s,border-color .22s}
.contact-links a:hover{background:#ac1830;border-color:#e4586f}
/* Light ambience covers all informational sections and question controls. */
body[data-theme="light"]{--ink:#f2e9e0;--ink2:#e6d9d1;--cream:#201619;--muted:#72616a;--line:#c8b2af;background:#f2e9e0;color:#291d20}
body[data-theme="light"] .topbar{border-bottom-color:#99848282;background:linear-gradient(180deg,#f5ece9ed,#f5ece9b0)}
body[data-theme="light"] .brand,body[data-theme="light"] .edition{color:#281c20}
body[data-theme="light"] .lang,body[data-theme="light"] .theme-toggle{color:#2b1d22;background:#fff7f1c9;border-color:#b59a9d}
body[data-theme="light"] .theme-toggle:hover{background:#e6cac9}
body[data-theme="light"] .visual:before{background:linear-gradient(180deg,#f7ece7b8 0%,#f6e7e193 28%,#f7e8dfaa 64%,#f6e6dcf2 100%),linear-gradient(90deg,#e9dbcfba,transparent 80%)}
body[data-theme="light"] .hero-title,body[data-theme="light"] .intro-lead,body[data-theme="light"] .hero-micro{color:#2e1d21}
body[data-theme="light"] .hero-title em{color:#811a30}
body[data-theme="light"] .hero-intro .eyebrow,body[data-theme="light"] .intro-actions .caps{color:#6e3a40}
body[data-theme="light"] .question-stage{background:radial-gradient(circle at 85% 18%,#e3c2bd 0%,#f3e9e1 55%,#eadecf 100%)}
body[data-theme="light"] .question,body[data-theme="light"] .option,body[data-theme="light"] .quiz-meta{color:#281b21}
body[data-theme="light"] .option{background:#fffaf6c5;border-color:#c7a6a7}
body[data-theme="light"] .option-number,body[data-theme="light"] .question-stage:before{color:#8b233b}
body[data-theme="light"] .option:hover,body[data-theme="light"] .option.active{background:#f6dadd;color:#531f2b;border-color:#aa4257}
body[data-theme="light"] .question-content .mini-note{color:#65585a}
body[data-theme="light"] .progress span{background:#cebaba}body[data-theme="light"] .progress span.done{background:#b00921}
body[data-theme="light"] .btn.ghost{color:#35232a;border-color:#a07b80}
body[data-theme="light"] .result-hero{background:#e9dbd2}
body[data-theme="light"] .result-bg{filter:brightness(.98) saturate(.95)}
body[data-theme="light"] .result-hero:after{background:linear-gradient(0deg,#f4e7dcf9 0%,#f4e7dcbd 26%,#f4e7dc17 65%)}
body[data-theme="light"] .result-front,body[data-theme="light"] .result-prelude,body[data-theme="light"] .result-title,body[data-theme="light"] .result-tag,body[data-theme="light"] .result-slogan,body[data-theme="light"] .result-scroll{color:#21171a;text-shadow:0 0 30px #f4ece9}
body[data-theme="light"] .result-image-credit{color:#302022;background:#faf0eab3}
body[data-theme="light"] .result-body{background:#f7f1e9;color:#271b1e}
body[data-theme="light"] .products-section{background:#f0e6db;color:#2c1b20}
body[data-theme="light"] .products-head p,body[data-theme="light"] .product-note{color:#665458}
body[data-theme="light"] .products-section .eyebrow{color:#9a253c}
body[data-theme="light"] .product-card{background:#fffbf6;color:#251b21;border-color:#d6bdb5}
body[data-theme="light"] .product-copy p,body[data-theme="light"] .product-source{color:#67545a}
body[data-theme="light"] .product-category,body[data-theme="light"] .product-discover{color:#9b243b}
body[data-theme="light"] .product-image,body[data-theme="light"] .product-card[data-product="2"] .product-image{background:#f6eee5!important}
body[data-theme="light"] .result-actions{background:#e8d5d1;color:#2c1e20}
body[data-theme="light"] .result-actions .mini-note{color:#57474b}
body[data-theme="light"] .onix-contact{background:#f9f0e9;color:#241a1d;border-top-color:#d5bbbc}
body[data-theme="light"] .onix-contact>p:not(.contact-kicker){color:#665356}
body[data-theme="light"] .contact-links a{color:#351d24;border-color:#bb8b90}
body[data-theme="light"] .contact-links a:hover{color:white}
body[data-theme="light"] .footer{background:#f9f0e9;color:#624d53;border-color:#d4b4b9}
body[data-theme="light"] .home{background:radial-gradient(circle at 80% 5%,#e5c4c2,#f4e8dc 65%)}
body[data-theme="light"] .home h1,body[data-theme="light"] .home h2,body[data-theme="light"] .lead{color:#321e23}
body[data-theme="light"] .home-card{background:#fffaf6;border-color:#d8bdb9;color:#251b20}
body[data-theme="light"] .home-card p{color:#675458}
body[data-theme="light"] .modal{background:#f8eee9;color:#26181c}
body[data-theme="light"] .modal-copy p,body[data-theme="light"] .modal-credit{color:#624d54}
@media(max-width:720px){
 .topright{gap:7px}.theme-toggle{padding:7px 8px;min-height:31px;gap:4px;font-size:.51rem}
 .brand-icon{width:20px;height:20px}.brand{gap:7px;letter-spacing:.18em!important;font-size:.9rem!important}
 .hero-emblem{right:24px;top:15%;width:89px;opacity:.94}
 .onix-contact{padding:70px 19px 79px}.onix-contact h2{font-size:3.5rem}
 .contact-links{flex-direction:column}.contact-links a{display:block;width:100%;max-width:370px;margin:auto}
 body[data-theme="light"] .visual:before{background:linear-gradient(180deg,#f4e7dc6b 0%,#e7d5ce99 20%,#eddbd48d 48%,#f8eae4f5 85%,#f8eae4ff 100%)}
}
@media(prefers-reduced-motion:reduce){.hero-emblem,.onix-pointer{animation:none!important}}

/* THE ONIX V6 / the more considered public identity study */
.style-notes{background:#160f12;color:#f3e6dc;padding:70px clamp(24px,7vw,115px) 72px}
.style-notes h2{font:normal clamp(2.3rem,4.8vw,4.9rem)/1.06 var(--serif);letter-spacing:-.045em;margin:13px 0 14px}
.style-notes-lead{color:#c4b2af;line-height:1.7;font-size:.9rem;max-width:630px}
.style-notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1400px;margin:34px auto 0}
.style-note{border:1px solid #503638;padding:26px 24px;min-height:165px;background:#201619}
.style-note-index{font-size:.64rem;letter-spacing:.16em;color:#e2a2a2;line-height:1.8}
.style-note p{font:normal clamp(1.2rem,2vw,1.7rem)/1.25 var(--serif);margin:18px 0 0;color:#f4e7dc}
.extended-section{max-width:1400px;margin:40px auto 0}
.extended-details{border-top:1px solid #574143;border-bottom:1px solid #574143}
.extended-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:92px;padding:16px 14px;cursor:pointer;color:#f1e5dc;outline-offset:4px}
.extended-details>summary::-webkit-details-marker{display:none}
.extended-label{font-size:.74rem;letter-spacing:.14em;font-weight:600}
.extended-plus{font:normal 2rem var(--serif);transition:transform .25s;color:#dd5868}
.extended-details[open] .extended-plus{transform:rotate(45deg)}
.extended-body{padding:20px 0 32px}
.extended-body h3{font:normal clamp(2.2rem,4vw,4.5rem)/1.1 var(--serif);margin:8px 0 10px}
.extended-body>p{color:#c7b7b2;font-size:.83rem;line-height:1.6}
.extended-rail{margin:28px 0 0;max-width:none;grid-auto-columns:minmax(225px,calc((100% - 32px)/3))}
.extended-disclaimer{margin-top:16px;color:#b9aaa5!important;font-size:.7rem!important}
body[data-theme="light"] .style-notes{background:#e9dcd1;color:#2b1b1e}
body[data-theme="light"] .style-notes-lead{color:#6b5555}
body[data-theme="light"] .style-note{background:#f8f0e6;border-color:#d7bfb7}
body[data-theme="light"] .style-note-index{color:#9d3043}
body[data-theme="light"] .style-note p{color:#342124}
body[data-theme="light"] .extended-details{border-color:#c9afa9}
body[data-theme="light"] .extended-details>summary{color:#2f2024}
body[data-theme="light"] .extended-body>p,body[data-theme="light"] .extended-disclaimer{color:#655155!important}
@media(max-width:720px){.style-notes{padding:55px 22px 58px}.style-notes h2{font-size:2.65rem}.style-notes-grid{grid-template-columns:1fr;gap:10px;margin-top:22px}.style-note{min-height:0;padding:22px}.style-note p{font-size:1.46rem;margin-top:9px}.extended-section{margin-top:25px}.extended-details>summary{min-height:76px}.extended-label{font-size:.63rem}.extended-rail{grid-auto-columns:84vw;max-width:none;gap:12px;scroll-padding-left:22px}}


/* === THE ONIX / V7: full-study routes + hybrid-image gallery === */
.quick-full-link{display:inline-flex;gap:1rem;align-items:center;margin-top:28px;padding:11px 0 8px;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cream,#f2e9de);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);transition:color .25s,border-color .25s,filter .25s}
.quick-full-link:hover,.quick-full-link:focus-visible{color:#ff8792;border-color:#cc3f57;filter:drop-shadow(0 0 7px #c93145)}
body[data-theme="light"] .quick-full-link{color:#2a151c;border-color:#7f2838}
.presenter-direct-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:17px;justify-content:center}
.presenter-direct{display:flex;flex:1;min-width:190px;align-items:center;justify-content:space-between;text-decoration:none;font-size:.69rem;letter-spacing:.14em;font-weight:600;background:#ad0924;color:#fff;padding:18px 16px;border:1px solid #ad0924;transition:background .25s,box-shadow .25s,transform .25s}
.presenter-direct:hover,.presenter-direct:focus-visible{background:#88071d;transform:translateY(-2px);box-shadow:0 8px 30px #bd14393d}
.presenter-direct.secondary-direct{background:#191012;color:#f4e9df;border-color:#5b4148}
.presenter-direct.secondary-direct:hover{background:#342128}
.presenter-active-link{display:block;margin-top:17px!important;color:#9a3544!important;}
.hybrid-visuals{position:absolute;inset:0;overflow:hidden}
.result-bg.hybrid-shot{animation:none!important;opacity:0!important;transition:opacity 1.2s ease-in-out;will-change:opacity;filter:brightness(.70) saturate(.9)}
.result-bg.hybrid-shot.is-active{opacity:.94!important}
.hybrid-controls{position:absolute;left:clamp(24px,8vw,130px);bottom:24px;z-index:4;display:flex;gap:7px}
.hybrid-dot{border:1px solid #ffffff7a;background:#090507a3;color:#f4e6dd;padding:9px 12px;border-radius:1px;letter-spacing:.15em;font:600 .62rem/1 Arial,sans-serif;cursor:pointer;transition:background .2s,box-shadow .2s}
.hybrid-dot.active,.hybrid-dot:hover{background:#a5122b;border-color:#e5a1a9;box-shadow:0 0 18px #d0294d65}
.result-hero:has(.hybrid-shot) .result-image-credit{bottom:29px;max-width:50%;pointer-events:none}
@media(max-width:760px){.presenter-direct-links{display:grid;grid-template-columns:1fr}.hybrid-controls{left:19px;bottom:31px}.result-hero:has(.hybrid-shot) .result-image-credit{bottom:24px;right:13px;left:auto;max-width:55%;text-align:right;font-size:.42rem;line-height:1.45}}
@media(prefers-reduced-motion:reduce){.result-bg.hybrid-shot{transition:none!important}}

/* V7 hybrid title: ensure long words stay intact on phone screens. */
@media(max-width:720px){
 .result-hero.result-br .result-title,.result-hero.result-mr .result-title,.result-hero.result-bm .result-title{font-size:clamp(2.4rem,9.7vw,4.2rem);line-height:.93;letter-spacing:-.065em;overflow-wrap:normal;word-break:normal;hyphens:none;}
}