
:root{--bg:#f1eadd;--paper:#fffaf2;--ink:#252d35;--navy:#173953;--navy2:#254e68;--gold:#b99a65;--line:#d8cbbb;--muted:#686c70}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:17px/1.65 Georgia,serif;color:var(--ink)}
a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ddaa45;outline-offset:4px}
.shell{width:min(1150px,calc(100% - 38px));margin:0 auto}.top{position:sticky;top:0;z-index:90;background:rgba(255,250,242,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(13px)}.top-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:73px}.brand{text-decoration:none;color:var(--navy);font:700 .95rem/1.25 Arial,sans-serif;letter-spacing:.14em;white-space:nowrap}.nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.nav a{text-decoration:none;padding:10px 13px;border-radius:22px;font:700 .72rem Arial,sans-serif;letter-spacing:.065em;color:#405066}.nav a:hover,.nav a[aria-current=page]{background:#e9dfce;color:var(--navy)}
.step{font:700 .73rem/1.5 Arial,sans-serif;letter-spacing:.15em;color:#856b49;text-transform:uppercase;margin:36px 0 13px}.lead{text-align:center;max-width:850px;margin:50px auto 30px}.lead h1{font:500 clamp(2.2rem,5.1vw,4rem)/1.07 Georgia,serif;color:var(--navy);margin:12px 0 18px}.lead p{margin:0 auto;max-width:700px;color:#625e5c;font-size:1.04rem}
.art{position:relative;border:1px solid #d2c0a8;border-radius:11px;box-shadow:0 19px 43px #45352119;overflow:hidden;background:#efe2ce}.art img{display:block;width:100%;height:auto}.art .hot{position:absolute;z-index:4;display:block;border-radius:5px;text-indent:-9999px;overflow:hidden}.art .hot:hover{background:rgba(248,231,188,.11);box-shadow:inset 0 0 0 3px #edd3a1}.art .hot:focus-visible{text-indent:0;color:#fff;background:#173953e8;display:grid;place-items:center;font:700 12px Arial}
.ctas{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin:25px 0}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:49px;padding:12px 24px;border-radius:999px;text-decoration:none;background:var(--navy);color:#fff;font:700 .83rem/1.3 Arial,sans-serif;letter-spacing:.055em;border:1px solid var(--navy);transition:background .17s,transform .17s}.btn:hover{background:var(--navy2);transform:translateY(-1px)}.btn.ghost{background:transparent;color:var(--navy);border-color:#b5a388}.btn.ghost:hover{background:#fff9ec}.btn.warm{background:#985e40;border-color:#985e40}.btn.warm:hover{background:#854b30}
.path{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;color:#7c756b;font:700 .69rem Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;margin:25px 0 40px}.path a{color:#49627b;text-decoration:none}.path b{color:#a7844e}.sequence{background:#e7ddcd;border:1px solid #d9c9b1;padding:15px;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;margin:25px auto 60px}.sequence small{font:.76rem/1.4 Arial,sans-serif;color:#6f6559}.sequence a{font:700 .82rem Arial,sans-serif;text-decoration:none;padding:11px 13px;color:var(--navy)}.sequence a:hover{text-decoration:underline}
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(270px,.95fr);gap:32px;align-items:center;margin:20px 0 45px}.panel{background:var(--paper);border:1px solid var(--line);padding:clamp(20px,3vw,34px);border-radius:12px}.panel h2{font:500 clamp(1.7rem,3.3vw,2.7rem)/1.15 Georgia,serif;color:var(--navy);margin:0 0 16px}.panel p{line-height:1.75;margin:0 0 16px}.panel .ctas{justify-content:flex-start;margin:20px 0 0}.split img,.feature-row img{width:100%;display:block;border-radius:11px;object-fit:cover}.picture{position:relative;background:#f9f3e8;padding:18px;border:1px solid var(--line);border-radius:12px;margin:18px auto 40px;max-width:950px}.picture img{width:100%;height:auto;display:block;margin:auto}.picture .visual-hot{position:absolute;border-radius:999px;display:block;z-index:5;overflow:hidden;text-indent:-9999px}.picture .visual-hot:hover{box-shadow:inset 0 0 0 4px rgba(193,133,36,.8);background:rgba(240,209,159,.13)}.picture .visual-hot:focus-visible{text-indent:0;background:#153a57;color:white;font:700 12px Arial}.picture-caption{font:.77rem Arial,sans-serif;color:#71645b;text-align:center;margin:13px 0 3px}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 30px}.feature{background:var(--paper);border-radius:12px;border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}.feature img{width:100%;height:205px;object-fit:cover}.feature-body{padding:18px}.feature h3{font:500 1.36rem Georgia,serif;color:var(--navy);margin:0 0 10px}.feature p{margin:0;color:#5e5b58;font-size:.92rem}.subhead{text-align:center;font:500 1.9rem Georgia,serif;color:var(--navy);margin:40px auto 15px}
.cross-buttons{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:800px;margin:24px auto}.doorpick{padding:20px;background:#fff9ef;border:1px solid var(--line);border-radius:14px;text-align:center}.doorpick h2{font:500 1.6rem/1.24 Georgia,serif;color:var(--navy);margin:0 0 9px}.doorpick p{font:.92rem/1.6 Arial,sans-serif;color:#6b6257;min-height:49px}.doorpick .btn{width:100%}.doorpick.dark{background:#211c21;color:#f4dcd9;border-color:#614e4d}.doorpick.dark h2,.doorpick.dark p{color:#f2dedc}
.snake-body{background:#090b0c;color:#eee5db}.snake-body .top{background:#14151b;border-color:#4f4a45}.snake-body .nav a,.snake-body .brand{color:#e6d8c0}.snake-body .nav a[aria-current=page]{background:#353137}.snake-body .lead h1{color:#f4e4c9}.snake-body .lead p{color:#b3aaa3}.snake-stage{position:relative;width:min(1100px,100%);margin:0 auto;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#030405;border:1px solid #453433}.snake-stage video,.snake-stage .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.snake-stage video{opacity:0;transition:opacity 2.2s ease-in-out;filter:brightness(.76)}.snake-stage .poster{opacity:1;transition:opacity 2.2s ease-in-out;pointer-events:none}.snake-stage.playing video{opacity:1}.snake-stage.playing .poster{opacity:0}.snake-stage:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(transparent 68%,#0008)}.snake-overlay{position:absolute;z-index:3;bottom:5%;left:50%;transform:translateX(-50%);width:max-content;max-width:96%}.snake-overlay .btn{background:#efe4d1;color:#211c20;border-color:#e0c9aa}.snake-overlay .btn:hover{background:white}.snake-body .sequence{background:#181819;border-color:#443d38}.snake-body .sequence small,.snake-body .sequence a{color:#ddd1c5}
.footer{border-top:1px solid var(--line);padding:28px 0 37px;color:#817262;margin-top:60px;font:.8rem Arial,sans-serif}.footer .shell{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap}.footer a{color:var(--navy);text-decoration:none}.footer a:hover{text-decoration:underline}.snake-body .footer{border-color:#3b3531;color:#b0a49b}.snake-body .footer a{color:#ded0bd}
@media(max-width:800px){.top-in{min-height:64px}.nav a{padding:9px 8px;font-size:.64rem}.split{grid-template-columns:1fr;gap:16px}.split .panel{order:-1}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lead{margin:35px auto 25px}.cross-buttons{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.shell{width:min(100% - 22px,1150px)}.top-in{display:block;padding:13px 0}.brand{display:block;text-align:center;margin-bottom:8px}.nav{justify-content:center;gap:0}.nav a{font-size:.62rem;padding:8px 7px}.step{margin-top:23px}.lead{margin:30px auto 18px}.lead h1{font-size:2.25rem}.cross-buttons,.card-grid{grid-template-columns:1fr}.art{border-radius:6px}.picture{padding:8px}.ctas .btn{flex:1;min-width:190px}.sequence{flex-direction:column;align-items:stretch;text-align:center}.sequence a{display:block}.doorpick p{min-height:0}.snake-overlay .btn{padding:12px 15px;font-size:.71rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Entrance page: exactly two clickable choices; no header, footer or secondary buttons. */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
.choice-entry{background:#e7dfd3;min-height:100vh;min-height:100dvh}
.choice-viewport{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;width:100%;padding:0}
.choice-picture{width:min(100%,1280px);margin:auto;border:0;border-radius:0;box-shadow:0 12px 45px #4d3b2817;line-height:0}
.choice-picture .hot{border-radius:100px}
.choice-picture .hot:hover{background:rgba(255,247,211,.13);box-shadow:inset 0 0 0 3px #ffdfa3}
.choice-picture .hot:focus-visible{outline:4px solid #ffdd81;outline-offset:0;box-shadow:0 0 0 3px #172c3c;text-indent:-9999px}
@media(max-width:580px){.choice-entry{background:#e9dfd2}.choice-picture{box-shadow:none}.choice-picture .hot{top:72%!important;height:17%!important}.choice-picture .choose-virt{left:13%!important;width:34%!important}.choice-picture .choose-triv{left:53%!important;width:35%!important}
.choice-entry{position:relative;isolation:isolate;background:#2c343b}
.choice-entry:before{content:'';position:fixed;inset:-12%;z-index:-1;pointer-events:none;background:url('media/home.jpg') center/cover no-repeat;filter:blur(24px) brightness(.42)}
.choice-picture{box-shadow:0 10px 40px #0009}
.choice-picture .hot{font:700 10px/1.3 Arial,sans-serif;text-indent:0;display:grid;place-items:center;outline-offset:0;text-align:center;color:#fff;box-shadow:0 0 0 1px #e2c6a0}
.choice-picture .hot span.sr-only{position:static!important;clip:auto!important;clip-path:none!important;width:auto;height:auto;white-space:normal;overflow:visible;font-size:clamp(9px,2.7vw,11px)}
.choice-picture .choose-virt{background:#103f61}
.choice-picture .choose-triv{background:#780e16}}

/* STRICT USER NAVIGATION: no global header or duplicate controls */
.choice-picture .hot{text-indent:-9999px!important;display:block!important;background:transparent!important;box-shadow:none!important;overflow:hidden}
.choice-picture .hot span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
@media(max-width:580px){.choice-picture .hot{top:75.2%!important;height:13%!important;background:transparent!important;box-shadow:none!important;text-indent:-9999px!important}.choice-picture .choose-virt{left:13.9%!important;width:32.6%!important}.choice-picture .choose-triv{left:53.8%!important;width:33%!important}}
.rainbow-slice{position:relative;width:100%;overflow:hidden;line-height:0}
.rainbow-slice img{position:absolute;left:0;top:0;width:100%;height:auto;margin:0;display:block;max-width:unset}
.rainbow-top{aspect-ratio:1024 / 864}
.rainbow-bottom{aspect-ratio:1024 / 482}
.rainbow-bottom img{transform:translateY(-67.43%)}
.rainbow-next-hot{position:absolute;z-index:4;left:55%;top:63.5%;width:43%;height:25%;border-radius:999px;text-indent:-9999px;overflow:hidden}
.rainbow-next-hot:hover{box-shadow:inset 0 0 0 4px #fff3c3aa}
.rainbow-next-hot:focus-visible{outline:4px solid #e5be70;outline-offset:-5px;text-indent:-9999px}
.minimal-navigation{display:flex;justify-content:center;margin:24px auto 56px;gap:10px;flex-wrap:wrap}
body.snake-body .snake-stage{margin-bottom:54px}
