@import url('../instructors/photo-framing.css');
body.class-page{background:#f5f1ea;color:#171717}.class-page main{overflow:hidden}.class-shell{width:min(1180px,100%);margin:0 auto}.class-hero{position:relative;padding:8.5rem 6% 5.8rem;color:#fff;background:linear-gradient(90deg,rgba(10,10,10,.96) 0%,rgba(10,10,10,.78) 48%,rgba(10,10,10,.45) 100%),url('../../hero.jpg') center/cover no-repeat}.class-hero:after{content:"";position:absolute;inset:auto 0 0;height:6px;background:linear-gradient(90deg,#ff3347 0 32%,rgba(255,255,255,.28) 32% 100%)}.class-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(290px,.82fr);gap:3rem;align-items:end}.class-kicker{margin:0;font-family:'Outfit',sans-serif;font-weight:900;letter-spacing:.16em;font-size:.76rem;color:#ff5d70}.class-hero h1{font-family:'Outfit','Noto Sans JP',sans-serif;font-size:clamp(3.2rem,7.5vw,7rem);line-height:.91;letter-spacing:-.045em;margin:.75rem 0 1.3rem}.class-lead{font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.9;color:rgba(255,255,255,.82);max-width:760px}.class-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.class-actions .btn-secondary{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.04)}.class-panel{padding:1.5rem;border:1px solid rgba(255,255,255,.18);border-radius:26px;background:rgba(8,8,8,.48);backdrop-filter:blur(14px);box-shadow:0 22px 55px rgba(0,0,0,.24)}.class-panel small{display:block;color:rgba(255,255,255,.55);font-size:.68rem;font-weight:800;letter-spacing:.13em}.class-panel strong{display:block;font-size:1.18rem;line-height:1.5;margin:.18rem 0 1.05rem}.class-panel strong:last-child{margin-bottom:0}.class-jump{position:sticky;top:80px;z-index:8;display:flex;justify-content:center;gap:.45rem;overflow:auto;padding:.72rem 6%;background:rgba(255,255,255,.96);border-bottom:1px solid #e7e0d7;backdrop-filter:blur(12px)}.class-jump a{white-space:nowrap;text-decoration:none;color:#333;font-size:.83rem;font-weight:800;padding:.52rem .8rem;border-radius:999px}.class-jump a:hover{background:#f0ece6;color:#111}.class-section{padding:5.8rem 6%}.class-section.alt{background:#fff}.class-section.dark{background:#151515;color:#fff}.class-section .section-head{max-width:780px}.class-section h2{font-size:clamp(2.1rem,4.4vw,3.8rem);line-height:1.15;letter-spacing:-.025em;margin:.45rem 0 0}.class-section .section-intro{max-width:760px;margin:1rem 0 0;color:#666;line-height:1.9}.class-section.dark .section-intro{color:rgba(255,255,255,.68)}.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.class-card{position:relative;padding:1.65rem;border-radius:22px;background:#fff;border:1px solid #e5ddd2;box-shadow:0 12px 34px rgba(0,0,0,.045);text-decoration:none;color:inherit}.class-card h3{margin:.35rem 0 .7rem;font-size:1.28rem}.class-card p{margin:0;color:#666;line-height:1.8}.class-card .tag{font-size:.7rem;letter-spacing:.12em;font-weight:900;color:#ff3347}.class-card .number{position:absolute;right:1.35rem;top:1rem;font-family:'Outfit',sans-serif;font-size:2.8rem;font-weight:900;color:rgba(0,0,0,.055)}.class-card.accent{background:linear-gradient(145deg,#fff 0%,#fff1f3 100%);border-color:rgba(255,51,71,.22)}.tap-style-photo{width:100%;aspect-ratio:1/1;margin:-.55rem 0 1.2rem;border-radius:16px;background:#171717 center/contain no-repeat}.tap-style-photo--furusho{background-image:var(--rs-instructor-photo-furusho)}.tap-style-photo--mifa{background-image:var(--rs-instructor-photo-mifa);background-position:center}.tap-style-photo--homma{background-image:var(--rs-instructor-photo-homma);background-position:center 24%}.tap-style-photo--sasasa{background-image:var(--rs-instructor-photo-sasasa);background-position:center 20%}.tap-style-photo--niu{background-image:var(--rs-instructor-photo-niu);background-position:center 20%}.tap-style-photo--okudaira{background-image:var(--rs-instructor-photo-okudaira);background-position:center 18%}.class-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}.class-feature{padding:1.6rem;border-radius:22px;background:#f8f5f0;border:1px solid #e8e0d7}.class-feature h3{margin:.2rem 0 .7rem}.class-feature p{margin:0;color:#666;line-height:1.8}.class-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.class-path article{padding:1.6rem;border-radius:22px;background:#111;color:#fff}.class-path small{font-family:'Outfit',sans-serif;letter-spacing:.1em;color:#ff5d70;font-weight:900}.class-path h3{margin:.45rem 0 .6rem}.class-path p{margin:0;color:rgba(255,255,255,.7)}.instructor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.8rem}.instructor-card{display:block;padding:1rem 1.1rem;border-radius:16px;background:#111;color:#fff;border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:transform .18s ease,background .18s ease}.instructor-card:hover{transform:translateY(-2px);background:#242424}.instructor-card strong{display:block;font-size:1.05rem}.instructor-card small{display:block;margin-top:.25rem;color:#aaa}.instructor-list{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.instructor-chip{padding:.72rem 1rem;border-radius:999px;background:#111;color:#fff;font-weight:700}.class-note{margin-top:1.5rem;color:#666}.class-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.class-proof span{padding:.55rem .8rem;border-radius:999px;background:#f0ece5;border:1px solid #e3dbd2;font-size:.84rem;font-weight:700}.class-cta{padding:5.2rem 6%;background:linear-gradient(110deg,#111,#252525);color:#fff}.class-cta .class-shell{display:flex;justify-content:space-between;gap:2rem;align-items:center}.class-cta h2{margin:.35rem 0 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.15}.class-cta p:not(.class-kicker){margin:.8rem 0 0;color:rgba(255,255,255,.7)}.class-divider{width:min(1180px,88%);margin:0 auto;border:0;border-top:1px solid #ded7cd}@media(max-width:900px){.class-hero-grid,.class-grid,.class-path,.instructor-grid{grid-template-columns:1fr}.class-two{grid-template-columns:1fr}.class-panel{margin-top:1rem}.class-jump{justify-content:flex-start}.class-cta .class-shell{align-items:flex-start;flex-direction:column}}@media(max-width:768px){.class-hero{padding:7.2rem 1.25rem 4.5rem;background-position:60% center}.class-section,.class-cta{padding:4.5rem 1.25rem}.class-jump{top:112px;padding-left:1.25rem}.class-actions{flex-direction:column}.class-actions .btn,.class-cta .btn{width:100%;white-space:normal}.class-panel{padding:1.2rem}.class-card,.class-feature,.class-path article{padding:1.35rem}}