.course-hero{min-height:78vh;display:flex;align-items:flex-end;padding:10rem 8vw 7rem;background:linear-gradient(90deg,#050505 0%,#050505d8 46%,transparent),url('assets/sirloin.png') center/cover;background-attachment:fixed}.course-hero h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.35;margin:.5rem 0 1.3rem}.course-hero .kicker{text-align:left}.course-hero>div>p:last-child{color:#ccc}.course-intro{text-align:center}.course-intro>p:last-child{color:#655e55;font-size:.85rem}.course-list{padding-top:5rem}.course-card{max-width:1150px;margin:0 auto 8rem;display:grid;grid-template-columns:1.15fr .85fr;align-items:center}.course-card.reverse{grid-template-columns:.85fr 1.15fr}.course-card.reverse .course-image{order:2}.course-image{height:620px;overflow:hidden}.course-image img{width:100%;height:100%;object-fit:cover}.course-card:hover .course-image img{transform:scale(1.035)}.course-copy{background:#11100e;padding:4rem;margin-left:-4rem;position:relative;box-shadow:0 30px 90px #0008}.reverse .course-copy{margin:0 -4rem 0 0;z-index:2}.course-copy h2{text-align:left;margin:.4rem 0}.num{color:var(--gold);font-size:.6rem;letter-spacing:.25em}.lead{color:#c6beb3;font-family:'Noto Serif JP';font-size:1rem}.price{border-bottom:1px solid #ffffff1a;padding-bottom:1.5rem}.price b{font:600 2rem 'Noto Serif JP';color:#fff;margin-left:.8rem}.price small{color:#888;margin-left:.3rem}.course-copy ol{padding-left:1.2rem;margin:1.5rem 0 2.2rem;color:#aaa;font-size:.78rem;columns:2;column-gap:2rem}.course-copy li{margin-bottom:.5rem;break-inside:avoid}.recommend{position:absolute;right:2rem;top:2rem;background:var(--red);padding:.3rem .8rem;font-size:.6rem}.course-notes{text-align:center}.note-grid{max-width:950px;margin:auto;display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:1px;background:#d8d0c4}.note-grid p{background:#fff;margin:0;padding:2rem;font-size:.75rem}.note-grid b{display:block;color:#9e1018;font:600 1rem 'Noto Serif JP';margin-bottom:.5rem}@media(max-width:800px){.course-hero{min-height:68vh;padding:9rem 6vw 4rem;background-attachment:scroll}.course-hero h1{font-size:2.6rem}.course-card,.course-card.reverse{grid-template-columns:1fr;margin-bottom:5rem}.course-card.reverse .course-image{order:0}.course-image{height:380px}.course-copy,.reverse .course-copy{margin:-2rem 1rem 0;padding:2rem}.course-copy ol{columns:1}.note-grid{grid-template-columns:1fr}}