/* Home-only cream/red editorial theme. */
.m100{--red:#f31835;--accent:#ef1834;--accent-light:#a10f14;--ink:#181818;--muted:#70655f;background:#fffaf6;color:var(--ink)}
.m100 #site-header{position:absolute;inset:10px 0 auto;background:transparent;border:0}
.m100 .m100-header{width:calc(100% - 32px);height:52px;min-height:52px;margin:0 auto;background:#fffaf6;color:#181818;border:0;border-radius:1000px;padding:0 16px;gap:16px}
.m100 .m100-header .m100-brand{font-size:18px;line-height:32px;gap:6px}
.m100 .m100-header .m100-brand svg{width:28px;height:28px}
.m100 .m100-header .m100-menu-toggle{width:24px;height:24px;padding:2px;flex:none}
.m100 .m100-brand svg{color:#b20d18}
.m100 .m100-nav a:hover{color:#b20d18}
.m100 .m100-login{background:transparent;color:#181818!important;border:0;border-radius:0;padding:0;font-weight:700}
.m100 .m100-menu-toggle span{background:#211b18}
.m100 #m100-mobile-nav{background:#fffaf6;color:#211b18;border-color:#e9ddd4;border-radius:12px}
.m100 #m100-mobile-nav a:hover{background:#ffebe6;color:#a10f14}
.m100 #classes{width:100%;padding:30px 0 26px;scroll-margin-top:20px}
.m100 #classes .m100-heading{margin:0 16px;padding-bottom:16px}
.m100 #classes .m100-heading h2{font-size:26px;font-weight:900;letter-spacing:-.05em;line-height:1.4;display:flex;align-items:center;gap:10px}
.m100 #classes .m100-heading h2 svg{display:block;flex:none;width:26px;height:26px;margin:0;color:#b20d18}
.m100 #classes .class-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:0 16px;overscroll-behavior-x:contain;scrollbar-width:none}
.m100 #classes .class-grid::-webkit-scrollbar{display:none}
.m100 #classes .class-card{flex:0 0 271px}
.m100 #classes .target-card{border:0;background:#fff;border-radius:16px;box-shadow:none}
.m100 #classes .target-card>p{color:#65564c;font-size:15px;margin:16px 17px 12px;min-height:0}
.class-apply{display:flex;justify-content:space-between;align-items:center;margin:0 17px 17px;padding-top:12px;border-top:1px solid #eee4dc;color:#c40f21;font-size:15px;font-weight:850;min-height:40px}
.classroom-return{margin:22px 0 0;text-align:center;color:#83756b;font-size:13px;line-height:1.8}
.classroom-return a{color:#9c1822;text-decoration:underline;text-underline-offset:4px;font-weight:750;margin-left:7px}
.m100 #classes .class-flow{background:#fff0e8;color:#725e52;border:0;border-radius:8px;margin:18px 0 0;padding:12px;font-size:12px;line-height:1.7}
.m100 .m100-heading h2{font-weight:900;letter-spacing:-.05em}
.m100 .m100-heading h2 svg{color:#bf1121}
.m100 .m100-hall{background:#fffaf6;color:#211b18;border-top:1px solid #efdfd3;padding:34px 0}
.m100 .m100-hall h2{font-weight:900}
.m100 .m100-hall .eyebrow{color:#b21522;font-weight:800;letter-spacing:.09em}
.m100 .m100-hall .section-head p{color:#796c63}
.m100 .m100-hall .filters button{background:#fff;color:#705e52;border-color:#dfd1c7;border-radius:6px}
.m100 .m100-hall .filters button.active{background:#c91528;border-color:#c91528;color:white}
.m100 .hall-original{background:#fff;border-color:#eadbd0;border-radius:10px}
.m100 .m100-hall .case{background:#fff;border-color:#e7d9cf;border-radius:10px}
.m100 .m100-hall .case-cover{background:#f6efea;border-color:#e7d9cf}
.m100 .m100-hall .symbol{color:#b21522}
.m100 .m100-hall .number{color:#9b5a51;font-weight:700}
.m100 .m100-hall .result{color:#a51019;font-weight:850}
.m100 .m100-hall .label,.m100 .m100-hall .case-source{color:#7c6c60}
.m100 dialog{background:#fffaf6;border-color:#d2b2a1;border-radius:14px}
.m100 dialog h3{color:#ac1321}
.m100 dialog .context,.m100 dialog .close{background:#f7e9df}
.m100 .m100-footer{background:#f7eee6;border-color:#e4d5c9;color:#806e60}
.m100 .m100-footer .m100-brand svg{color:#a91320}
.m100 .m100-dock{background:#fffdf9f5;border-color:#e1cbbb;border-radius:12px;box-shadow:0 5px 25px #63432918}
.m100 .m100-dock a[aria-current=page],.m100 .m100-dock a:hover{color:#c51426}
.m100 .m100-dock a:hover{background:#ffede6}
.m100 .m100-dock b{background:#e21730}
@media(min-width:701px){
 .m100 #classes .target-card>p{font-size:15px;min-height:48px;margin:18px 19px 12px}
 .class-apply{margin:0 19px 18px}
 .m100 #classes .class-flow{font-size:14px;padding:15px}
 .m100 .m100-hall{padding-block:42px}
}
@media(min-width:701px) and (max-width:1000px){
 .m100 #classes .target-card>p{font-size:13px;margin-inline:12px;min-height:62px}
 .class-apply{font-size:13px;margin-inline:12px}
}

/* Class thumbnails retain the measured 384×230 canvas. */
.m100 #classes .target-card .class-visual{aspect-ratio:384/230;border:0;border-radius:16px}
.m100 #classes .class-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}
@media(min-width:801px){
 .m100 #site-header{top:20px}
 .m100 .m100-header{width:min(1184px,calc(100% - 40px));height:68px;min-height:68px;padding:0 22px}
 .m100 .m100-header .m100-brand{font-size:26px;gap:10px}
 .m100 .m100-header .m100-brand svg{width:37px;height:37px}
 .m100 #classes{width:min(1184px,calc(100% - 40px));padding-top:80px;padding-bottom:34px}
 .m100 #classes .m100-heading{margin:0}
 .m100 #classes .m100-heading h2{font-size:34px}
 .m100 #classes .m100-heading h2 svg{width:34px;height:34px}
 .m100 #classes .class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;overflow:visible}
}

/* Preserve the original hero copy and canvas; only the right artwork changes. */
.m100 .m100-hero{background:radial-gradient(ellipse at 85% 38%,#732718,transparent 67%),linear-gradient(120deg,#3b000e,#240008);color:#fff;border:0;border-radius:0 0 30px 30px;overflow:hidden}
.m100 .m100-hero .hero-stage{position:relative;width:100%;height:auto;aspect-ratio:1080/1317;padding:0;overflow:hidden}
.m100 .hero-slide{position:absolute;inset:0;min-height:0;height:100%;display:block}
.m100 .hero-banner-link{display:block;position:relative;width:100%;height:100%;overflow:hidden}
.m100 .hero-banner-link:focus-visible{outline:3px solid #fffaf6;outline-offset:-3px}
.m100 .hero-banner-link:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#31000dde 0%,#31000d77 35%,transparent 72%),linear-gradient(0deg,#260008 0%,transparent 22%)}
.m100 .hero-banner-content{position:absolute;z-index:2;left:16px;right:16px;bottom:72px;pointer-events:none}
.m100 .hero-banner-kicker{font-size:12px;font-weight:700;line-height:1.4;letter-spacing:-.035em;color:#fff8d4;margin:0 0 8px}
.m100 .hero-banner-content h1,.m100 .hero-banner-content h2{font-size:40px;font-weight:900;line-height:1.04;letter-spacing:-.055em;margin:0;color:#fff;text-shadow:0 2px 12px #21000980}
.m100 .hero-banner-content h1 span,.m100 .hero-banner-content h2 span{display:block}
.m100 .hero-banner-content em{display:table;font:inherit;font-style:normal;background:#fffbd4;color:#140a07;padding:0 4px 3px;margin-top:3px;text-shadow:none}
.m100 [data-hero-slide="1"] .hero-banner-content h2{font-size:34px}
.m100 [data-hero-slide="2"] .hero-banner-content h2{font-size:36px}
.m100 [data-hero-slide="2"] .hero-banner-content em{font-size:25px;line-height:1.2}
.m100 .hero-banner-description{font-size:14px;font-weight:700;line-height:1.35;letter-spacing:-.035em;color:#fff8d4;margin:10px 0 12px}
.m100 .hero-banner-action{display:inline-flex;align-items:center;gap:15px;min-height:38px;padding:7px 14px;border-radius:8px;background:#fff;color:#8f071b;font-size:15px;font-weight:850;line-height:1.3;letter-spacing:-.035em}
.m100 .hero-banner-action>span{font-size:23px;line-height:1}
.m100 .hero-controls{position:absolute;inset:auto auto 18px 50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;gap:4px;width:fit-content;max-width:100%;margin:0;padding:0 8px;background:transparent;color:#fffaf6;border:0;border-radius:0}
.m100 .hero-controls button{color:#fffaf6;width:32px;height:32px;min-height:32px;flex:none}
.m100 .hero-controls button[data-slide],.m100 .hero-controls button[aria-current=true]{width:24px}
.m100 .hero-controls button[data-slide] span{width:6px;height:6px;border-radius:6px;background:#c4a29b}
.m100 .hero-controls button[aria-current=true] span{width:20px;background:#fffaf6}
.m100 .slide-count{min-width:34px;text-align:center}
@media(min-width:801px){
 .m100 .m100-hero{border-radius:0 0 100px 100px}
 .m100 .m100-hero .hero-stage{width:min(100%,1184px);height:504px;aspect-ratio:1184/504}
 .m100 .hero-banner-link:after{background:linear-gradient(90deg,#31000d66 0%,transparent 70%),linear-gradient(0deg,#26000855,transparent 30%)}
 .m100 .hero-banner-content{left:36px;right:auto;top:112px;bottom:auto;max-width:650px}
 .m100 .hero-banner-kicker{font-size:20px;margin-bottom:12px}
 .m100 .hero-banner-content h1,.m100 .hero-banner-content h2{font-size:66px;line-height:1.02}
 .m100 [data-hero-slide="1"] .hero-banner-content h2,.m100 [data-hero-slide="2"] .hero-banner-content h2{font-size:60px}
 .m100 [data-hero-slide="2"] .hero-banner-content em{font-size:39px;line-height:1.15}
 .m100 .hero-banner-description{font-size:19px;margin:12px 0 15px}
 .m100 .hero-banner-description br{display:none}
 .m100 .hero-banner-action{min-height:46px;font-size:20px;padding:9px 20px;gap:22px}
 .m100 .hero-banner-action>span{font-size:28px}
}

@media(max-width:360px){
 .m100 .hero-banner-content h1{font-size:33px}
 .m100 [data-hero-slide="1"] .hero-banner-content h2{font-size:28px}
 .m100 [data-hero-slide="2"] .hero-banner-content h2{font-size:30px}
 .m100 [data-hero-slide="2"] .hero-banner-content em{font-size:22px}
 .m100 .hero-banner-kicker{font-size:10px;margin-bottom:6px}
 .m100 .hero-banner-description{font-size:12px;margin:8px 0 10px}
 .m100 .hero-banner-action{font-size:13px;min-height:34px}
 .m100 .hero-banner-content{bottom:64px}
}


.m100 .hero-banner-content:after{content:"";display:block;height:97.8px}
.m100 [data-hero-slide="1"] .hero-banner-content:after,.m100 [data-hero-slide="2"] .hero-banner-content:after{height:89.8px}
.m100 .hero-art{position:absolute;inset:90px 16px auto auto;width:46%;height:190px;border-radius:18px;overflow:hidden;box-shadow:0 20px 46px #13000666;background:#fff8f2;transform:rotate(-2deg)}
.m100 .hero-art img{display:block;width:100%;height:100%;object-fit:cover}
.m100 .hero-art-proof{height:auto;aspect-ratio:2;top:112px;border:6px solid #fff8f2;transform:rotate(-3deg)}
.m100 .hero-art-proof img{position:absolute;width:209.756%;max-width:none;height:auto;left:-15.61%;top:-9.756%}
.m100 .hero-art-book{background:#131715;width:calc(46% - 18px)}
.m100 .hero-art-book img{object-fit:contain;object-position:center}
.m100 .hero-art-system{width:calc(46% - 30px);transform:none;background:none;border:0;box-shadow:none;overflow:visible}
.m100 .hero-art-system img{position:absolute;width:100%;height:75%;object-fit:cover;border:5px solid #fff8f2;border-radius:12px;box-shadow:0 18px 36px #16030855}
.m100 .hero-art-system .hero-vsl-screen{inset:0 auto auto 0;object-position:50% 65%;transform:rotate(-4deg)}
.m100 .hero-art-system .hero-webinar-screen{inset:auto 0 -12px auto;width:90%;height:auto;transform:rotate(4deg)}
@media(min-width:801px){
 .m100 .hero-banner-content:after{display:none}
 .m100 .hero-art{inset:126px 24px auto auto;width:43%;height:284px;border-radius:20px}
 .m100 .hero-art-proof{height:auto;top:146px;border-width:10px}
 .m100 .hero-art-system{height:284px}
}
@media(max-width:360px){
 .m100 .hero-banner-content:after{height:87.4px}
 .m100 [data-hero-slide="1"] .hero-banner-content:after,.m100 [data-hero-slide="2"] .hero-banner-content:after{height:79.4px}
 .m100 .hero-art{top:76px;height:155px}
 .m100 .hero-art-proof{top:94px;height:auto}
}
.m100 .m100-dock .autosales-nav-icon{width:30px;height:30px;display:block;transition:transform .2s}
.m100 .m100-dock a:hover .autosales-nav-icon,.m100 .m100-dock a[aria-current=page] .autosales-nav-icon{transform:translateY(-2px)}

/* Exact source-image crops for the four original hall records. */
.m100 .hall-thumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:transparent;border:0;padding:0}
.m100 .hall-thumbnail{display:block;position:relative;overflow:hidden;aspect-ratio:var(--hall-width)/var(--hall-height);background:#000;border-radius:6px}
.m100 .hall-thumbnail img{position:absolute;max-width:none;width:calc(960 / var(--hall-width) * 100%);height:auto;left:calc(-1 * var(--hall-x) / var(--hall-width) * 100%);top:calc(-1 * var(--hall-y) / var(--hall-height) * 100%);border-radius:0;margin:0}
.m100 .hall-detail-crop{width:min(100%,350px);margin:20px auto}
.m100 .m100-hall .case-open{display:block;color:inherit;text-decoration:none;height:100%}
/* The original evidence stays intact beneath readable thumbnail copy. */
.m100 .m100-hall .case-cover{position:relative;display:block;height:auto;aspect-ratio:16/9;border:0;background:#230c12;isolation:isolate;container-type:inline-size}
.m100 .m100-hall .case-cover img.case-evidence{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;padding:0;opacity:.52}
.m100 .m100-hall .case-cover:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#1d080f99,#1d080f33),linear-gradient(0deg,#1d080fcc,transparent 75%)}
.m100 .m100-hall [data-case="3"] .case-evidence{object-position:center top}
.m100 .m100-hall [data-case="9"] .case-evidence{object-position:center bottom}
.m100 .m100-hall .case-caption{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4cqi;padding:6cqi;color:#fff;letter-spacing:-.055em;text-shadow:0 2px 8px #17040a99}
.m100 .m100-hall .case-caption strong{display:block;font-size:8.4cqi;line-height:1.2;font-weight:900}
.m100 .m100-hall .case-caption strong>span{display:block;margin-bottom:1.5cqi}
.m100 .m100-hall .case-caption em{display:table;max-width:100%;padding:.6cqi 1.3cqi;background:#fff8d0;color:#21100d;font-style:normal;font-size:inherit;white-space:nowrap;text-shadow:none}
.m100 .m100-hall [data-case="1"] .case-caption em{font-size:7.6cqi}
.m100 .m100-hall .case-caption small{font-size:4cqi;font-weight:650;line-height:1.4;letter-spacing:-.035em;color:#fff8ef}

/* Every home thumbnail shares the same pointer and keyboard feedback. */
.m100 #classes .class-card,.m100 .hall-thumbnails .hall-thumbnail,.m100 .m100-hall .case{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.m100 #classes .class-card:focus-visible,.m100 .hall-thumbnails .hall-thumbnail:focus-visible,.m100 .m100-hall .case:has(.case-open:focus-visible){outline:3px solid #ed1733;outline-offset:-3px}
@media(hover:hover) and (pointer:fine){
 .m100 #classes .class-card:hover,.m100 .hall-thumbnails .hall-thumbnail:hover,.m100 .m100-hall .case:has(.case-open:hover){transform:scale(1.015);filter:brightness(1.08);box-shadow:0 7px 20px #38101c26}
 .m100 .m100-hall .case:has(.case-open:hover){background:#fff;border-color:#e7d9cf}
}
@media(prefers-reduced-motion:reduce){
 .m100 #classes .class-card,.m100 .hall-thumbnails .hall-thumbnail,.m100 .m100-hall .case{transition:none}
 .m100 #classes .class-card:hover,.m100 .hall-thumbnails .hall-thumbnail:hover,.m100 .m100-hall .case:has(.case-open:hover){transform:none}
}
@media(min-width:701px){.m100 .hall-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}

/* The four original records take turns receiving the hover emphasis at rest. */
@keyframes hall-attention{0%,60%,100%{transform:translateY(0) scale(1);filter:brightness(1);box-shadow:0 0 0 0 #b20d1800}12%,36%{transform:translateY(-6px) scale(1.025);filter:brightness(1.14);box-shadow:0 0 0 3px #b20d18,0 14px 28px #5d0b2933}}
@media(prefers-reduced-motion:no-preference){
 .m100 .hall-thumbnails .hall-thumbnail{animation:hall-attention 6.4s ease-in-out infinite}
 .m100 .hall-thumbnails .hall-thumbnail:nth-child(2){animation-delay:1.2s}
 .m100 .hall-thumbnails .hall-thumbnail:nth-child(3){animation-delay:2.4s}
 .m100 .hall-thumbnails .hall-thumbnail:nth-child(4){animation-delay:3.6s}
 .m100 .hall-thumbnails .hall-thumbnail:is(:hover,:focus-visible){animation:none;transform:translateY(-6px) scale(1.025);filter:brightness(1.14);box-shadow:0 0 0 3px #b20d18,0 14px 28px #5d0b2933}
}