*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cream:#faf7f2;--cream-mid:#f2ede4;--ink:#2a1a0e;--brown:#8b6840;--brown-light:#c4a882;--brown-pale:#e8ddd0;--sage:#7b9e8a;--sage-pale:#c8ddd4;--rose:#c4898e;--rose-pale:#edd8da;--slate:#89a;--warm-gray:#9a908a;--white:#fffdf9}html{scroll-behavior:smooth}img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;user-drag:none}body{background-color:var(--cream);color:var(--ink);font-family:Noto Sans JP,sans-serif;font-weight:300;line-height:1.8;overflow-x:hidden}nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf7f2e0;justify-content:space-between;align-items:center;padding:22px 48px;transition:border-bottom .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{letter-spacing:.12em;color:var(--ink);white-space:nowrap;font-family:Shippori Mincho,serif;font-size:17px;text-decoration:none}.nav-links{gap:36px;list-style:none;display:flex}.nav-links a{letter-spacing:.25em;text-transform:uppercase;color:var(--brown);font-family:Cormorant Garamond,serif;font-size:13px;text-decoration:none;transition:opacity .2s}.nav-links a:hover{opacity:.6}.hero{grid-template-columns:1fr 1fr;align-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.hero-left{z-index:2;padding:140px 60px 100px 80px;position:relative}.hero-eyebrow{letter-spacing:.5em;text-transform:uppercase;color:var(--brown);align-items:center;gap:12px;margin-bottom:24px;font-family:Cormorant Garamond,serif;font-size:12px;display:flex}.hero-eyebrow:before{content:"";background:var(--brown-light);width:32px;height:1px;display:block}.hero-title{letter-spacing:.08em;color:var(--ink);margin-bottom:12px;font-family:Shippori Mincho,serif;font-size:clamp(32px,3.5vw,52px);font-weight:500;line-height:1.5}.hero-title-en{color:var(--brown-light);letter-spacing:.06em;margin-bottom:40px;font-family:Cormorant Garamond,serif;font-size:clamp(15px,1.5vw,20px);font-style:italic}.hero-tagline{color:var(--warm-gray);margin-bottom:52px;font-family:Shippori Mincho,serif;font-size:clamp(16px,1.6vw,22px);line-height:2}.hero-cta{background:var(--ink);color:var(--cream);letter-spacing:.2em;align-items:center;gap:14px;padding:16px 40px;font-size:13px;text-decoration:none;transition:background .3s,gap .3s;display:inline-flex}.hero-cta:after{content:"→";font-size:16px;transition:transform .3s}.hero-cta:hover{background:var(--brown)}.hero-cta:hover:after{transform:translate(4px)}.hero-right{height:100vh;position:relative;overflow:hidden}.hero-image-wrap{background:linear-gradient(160deg, var(--brown-pale) 0%, var(--sage-pale) 50%, var(--rose-pale) 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-image-wrap img{object-fit:cover;opacity:.85;width:100%;height:100%}.hero-image-wrap:after{content:"";background:linear-gradient(to right, var(--cream) 0%, #faf7f200 30%);position:absolute;inset:0}.hero-img-placeholder{color:#8b684059;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.hero-img-placeholder span{letter-spacing:.4em;text-transform:uppercase;font-family:Cormorant Garamond,serif;font-size:13px}.blob{filter:blur(80px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.sec{padding:110px 0}.container{max-width:1100px;margin:0 auto;padding:0 60px}.sec-label{letter-spacing:.55em;text-transform:uppercase;color:var(--brown);align-items:center;gap:12px;margin-bottom:10px;font-family:Cormorant Garamond,serif;font-size:11px;display:flex}.sec-label:before{content:"";background:var(--brown-light);width:24px;height:1px;display:block}.sec-title{color:var(--ink);font-family:Shippori Mincho,serif;font-size:clamp(24px,2.5vw,36px);font-weight:500;line-height:1.6}.about{background:var(--white)}.about-grid{grid-template-columns:1fr 300px;align-items:center;gap:72px;display:grid}.about-text .sec-title{margin-bottom:32px}.about-quote{color:var(--ink);border-top:1px solid var(--brown-pale);border-bottom:1px solid var(--brown-pale);margin:28px 0;padding:28px 0;font-family:Shippori Mincho,serif;font-size:clamp(17px,1.8vw,22px);line-height:2}.about-body{color:#5a4030;font-size:15px;line-height:2.2}.about-body p+p{margin-top:14px}.about-img-wrap{position:relative}.about-img-inner{aspect-ratio:3/4;background:linear-gradient(145deg, var(--brown-pale), var(--sage-pale));width:100%;overflow:hidden}.about-img-inner img{object-fit:cover;width:100%;height:100%}.about-img-deco{border:1.5px solid var(--brown-light);opacity:.5;z-index:-1;width:55%;height:55%;position:absolute;bottom:-18px;right:-18px}.about-caption{color:var(--warm-gray);text-align:right;letter-spacing:.1em;margin-top:10px;font-family:Cormorant Garamond,serif;font-size:13px;font-style:italic}.classes-header{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:64px;display:grid}.classes-header .sec-title{margin-top:10px}.classes-header-right{color:var(--warm-gray);padding-bottom:6px;font-size:15px;line-height:2.2}.classes-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.class-card{background:var(--white);cursor:default;padding:36px 32px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden}.class-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #2a1a0e12}.class-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.card-osaka:before{background:var(--rose)}.card-home:before{background:var(--brown-light)}.card-club:before{background:var(--slate)}.card-kyoto:before{background:#b09080}.card-online:before{background:var(--sage)}.class-card:after{content:"";opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.card-osaka:after{opacity:1;background:radial-gradient(at 100% 100%,#c4898e0f 0%,#0000 70%)}.card-home:after{opacity:1;background:radial-gradient(at 100% 100%,#c4a8820f 0%,#0000 70%)}.card-club:after{opacity:1;background:radial-gradient(at 100% 100%,#8899aa0f 0%,#0000 70%)}.card-kyoto:after{opacity:1;background:radial-gradient(at 100% 100%,#b090800f 0%,#0000 70%)}.card-online:after{opacity:1;background:radial-gradient(at 100% 100%,#7b9e8a0f 0%,#0000 70%)}.card-online{grid-column:span 2}.card-type{letter-spacing:.4em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:14px;font-family:Cormorant Garamond,serif;font-size:11px}.card-name{color:var(--ink);z-index:1;margin-bottom:24px;font-family:Shippori Mincho,serif;font-size:18px;font-weight:500;line-height:1.7;position:relative}.card-details{z-index:1;position:relative}.card-row{align-items:baseline;gap:12px;margin-bottom:9px;font-size:14px;display:flex}.card-row-label{letter-spacing:.2em;text-transform:uppercase;color:var(--brown);flex-shrink:0;min-width:44px;font-family:Cormorant Garamond,serif;font-size:11px}.card-row-val{color:#5a4030}.card-divider{background:var(--cream-mid);height:1px;margin:20px 0}.card-price{z-index:1;position:relative}.card-price-num{color:var(--ink);font-family:Cormorant Garamond,serif;font-size:26px;font-weight:400}.card-price-label{color:var(--warm-gray);margin-left:4px;font-size:12px}.online-grid{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:20px;display:grid}.online-plan-name{color:var(--ink);margin-bottom:14px;font-family:Shippori Mincho,serif;font-size:15px}.nhk-link:hover{opacity:.6}.classes-note{text-align:center;color:var(--warm-gray);letter-spacing:.05em;margin-top:36px;font-size:13px}.gallery-sec{background:#201510;padding:110px 0}.gallery-sec .sec-label{color:var(--brown-light)}.gallery-sec .sec-label:before{background:var(--brown)}.gallery-sec .sec-title{color:var(--cream);margin-bottom:48px}.gallery-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:10px;display:grid}.g-item{background:#ffffff0a;position:relative;overflow:hidden}.g-item:first-child,.g-item:nth-child(4){grid-row:span 2}.g-item img{object-fit:cover;filter:saturate(.9);width:100%;height:100%;transition:transform .6s,filter .4s;display:block}.g-item:hover img{filter:saturate(1.1);transform:scale(1.04)}.g-placeholder{justify-content:center;align-items:center;width:100%;min-height:200px;display:flex}.g-placeholder span{letter-spacing:.4em;color:#ffffff26;text-transform:uppercase;font-family:Cormorant Garamond,serif;font-size:11px}.gallery-note{text-align:center;letter-spacing:.3em;color:#ffffff40;margin-top:28px;font-family:Cormorant Garamond,serif;font-size:13px}.gallery-page{padding-top:150px}.gallery-page-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.gallery-page-grid .g-item{aspect-ratio:1}@media (max-width:768px){.gallery-page{padding-top:110px}.gallery-page-grid{grid-template-columns:repeat(2,1fr)}}.lesson-sec{background:var(--white)}.lesson-header{margin-bottom:64px}.lesson-header .sec-title{margin-top:10px}.lesson-intro{color:var(--warm-gray);max-width:600px;margin-top:16px;font-size:15px;line-height:2.2}.lesson-grid{grid-template-columns:1fr 1fr 1fr;gap:32px;display:grid}.lesson-card{background:var(--cream);padding:44px 40px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden}.lesson-card:hover{transform:translateY(-6px);box-shadow:0 20px 56px #2a1a0e14}.lesson-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.lesson-card-jitan:before{background:var(--sage)}.lesson-card-ink:before{background:var(--brown-light)}.lesson-card-type{letter-spacing:.5em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:12px;font-family:Cormorant Garamond,serif;font-size:11px}.lesson-card-title{color:var(--ink);margin-bottom:6px;font-family:Shippori Mincho,serif;font-size:22px;font-weight:500;line-height:1.6}.lesson-card-title-en{color:var(--brown-light);letter-spacing:.06em;margin-bottom:28px;font-family:Cormorant Garamond,serif;font-size:14px;font-style:italic}.lesson-card-body{color:#5a4030;margin-bottom:32px;font-size:14px;line-height:2.2}.lesson-card-divider{background:var(--brown-pale);height:1px;margin-bottom:28px}.lesson-card-meta{flex-direction:column;gap:10px;margin-bottom:32px;display:flex}.lesson-card-row{align-items:baseline;gap:14px;font-size:14px;display:flex}.lesson-card-row-label{letter-spacing:.2em;text-transform:uppercase;color:var(--brown);flex-shrink:0;min-width:52px;font-family:Cormorant Garamond,serif;font-size:11px}.lesson-card-row-val{color:#5a4030}.lesson-card-price{margin-bottom:32px}.lesson-card-price-num{color:var(--ink);font-family:Cormorant Garamond,serif;font-size:28px;font-weight:400}.lesson-card-price-label{color:var(--warm-gray);margin-left:6px;font-size:12px}.lesson-card-badge{background:var(--sage-pale);color:var(--sage);letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px;padding:4px 12px;font-family:Cormorant Garamond,serif;font-size:11px;display:inline-block}.lesson-card-badge-brown{background:var(--brown-pale);color:var(--brown)}.lesson-line-btn{color:#fff;letter-spacing:.1em;background:#06c755;border-radius:3px;align-items:center;gap:10px;padding:14px 32px;font-size:14px;font-weight:400;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.lesson-line-btn:hover{background:#05af4b;transform:translateY(-2px)}.lesson-line-icon{flex-shrink:0;width:20px;height:20px}.contact-sec{background:var(--cream);text-align:center}.contact-inner{max-width:560px;margin:0 auto}.contact-inner .sec-label{justify-content:center}.contact-inner .sec-label:before{display:none}.contact-inner .sec-title{margin:10px 0 20px}.contact-body{color:var(--warm-gray);margin-bottom:44px;font-size:15px;line-height:2.2}.line-btn{color:#fff;letter-spacing:.12em;background:#06c755;border-radius:3px;align-items:center;gap:12px;padding:18px 52px;font-size:15px;font-weight:400;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.line-btn:hover{background:#05af4b;transform:translateY(-2px)}.line-icon{flex-shrink:0;width:22px;height:22px}.contact-sub{color:var(--warm-gray);margin-top:28px;font-size:13px}.contact-sub a{color:var(--brown);text-decoration:none}.contact-sub a:hover{text-decoration:underline}footer{background:var(--ink);justify-content:space-between;align-items:center;padding:44px 60px;display:flex}.footer-logo{letter-spacing:.15em;color:#ffffff80;font-family:Shippori Mincho,serif;font-size:15px}.footer-copy{letter-spacing:.15em;color:#ffffff40;font-family:Cormorant Garamond,serif;font-size:12px}@media (max-width:768px){nav{padding:18px 24px}.nav-links{gap:20px}.nav-links a{letter-spacing:.15em;font-size:11px}.container{padding:0 24px}.sec{padding:72px 0}.hero{grid-template-columns:1fr}.hero-left{padding:120px 24px 60px}.hero-right{height:50vh}.about-grid{grid-template-columns:1fr;gap:40px}.classes-header{grid-template-columns:1fr;gap:16px}.classes-grid{grid-template-columns:1fr}.card-online{grid-column:span 1}.online-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}.g-item:first-child,.g-item:nth-child(4){grid-row:span 1}.lesson-grid{grid-template-columns:1fr}.lesson-card{padding:36px 28px}.lesson-card-title{font-size:20px}footer{text-align:center;flex-direction:column;gap:12px;padding:36px 24px}}