*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Zen Maru Gothic',sans-serif;font-size:17px;line-height:1.8;color:#12353d;background:#f5fbfd}a{color:inherit}button,input,textarea{font:inherit}a,button,input,textarea{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ffb800}.sample-banner{padding:12px 5%;background:#fff2ae;color:#12353d;font-size:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.sample-banner a{font-weight:700}header{max-width:1160px;margin:auto;padding:26px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}header strong{font-size:21px}nav{display:flex;gap:22px;font-size:15px}nav a{text-decoration:none}main{max-width:1100px;margin:auto;padding:0 28px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:50px 0 70px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.12em}h1{font-size:clamp(40px,5.6vw,68px);line-height:1.45;margin:14px 0 22px}h2{font-size:clamp(28px,4vw,40px);line-height:1.5;margin:0 0 18px}h3{font-size:21px;line-height:1.5;margin:0 0 12px}p{margin:10px 0}.hero img{width:100%;display:block}.button{display:inline-block;background:#087ea0;color:white;border:0;border-radius:10px;padding:14px 26px;text-decoration:none;font-weight:700;cursor:pointer;margin-top:16px}.section{padding:60px 0;border-top:1px solid #abc6cd}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border-radius:16px;padding:25px;border:1px solid #abc6cd}.card p{font-size:16px}.details{display:grid;grid-template-columns:130px 1fr}.details dt,.details dd{padding:14px 0;margin:0;border-bottom:1px solid #abc6cd}.details dt{font-weight:700}.contact{max-width:680px;margin:20px 0;display:grid;gap:16px}.contact label{font-weight:700}.contact input,.contact textarea{display:block;width:100%;background:#fff;border:1px solid #abc6cd;color:#12353d;border-radius:8px;padding:12px;margin-top:6px}.contact button{justify-self:start}.note{font-size:14px}.demo-status{font-size:16px;font-weight:700;min-height:30px}footer{padding:35px 28px;text-align:center;font-size:14px}.lesson .hero{background:#087ea0;color:#fff;border-radius:24px;padding:45px;margin-top:14px}.lesson .hero img{border-radius:18px;border:6px solid white;box-shadow:10px 10px 0 #ffe15b}.lesson .hero h1 em{font-style:normal;color:#ffe15b}.lesson .hero .button{background:#ffe15b;color:#12353d}.lesson .card:nth-child(1){background:#fff2ae}.lesson .card:nth-child(2){background:#ffe4ed}.lesson .card:nth-child(3){background:#e0f5ff}.salon{background:#fcf7f1;color:#423129}.salon header strong,.salon h1,.salon h2,.salon h3{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:500}.salon .hero{grid-template-columns:.9fr 1.1fr;gap:65px}.salon .hero h1{font-size:clamp(38px,4.7vw,58px);letter-spacing:.08em;line-height:1.6}.salon .hero img{aspect-ratio:4/5;object-fit:cover;border-radius:160px 160px 12px 12px}.salon .button{background:#70554b;border-radius:2px;letter-spacing:.1em}.salon .card{background:#fffaf5;border:1px solid #dfcdbc;border-radius:0}.salon .section{border-color:#dfcdbc}.salon .details dt,.salon .details dd{border-color:#dfcdbc}.salon .eyebrow{color:#8b6558}.salon .menu-number{display:block;font-size:14px;letter-spacing:.12em;color:#8b6558;margin-bottom:12px}.gallery{background:#101925;color:#f4f6ff}.gallery header{max-width:1400px}.gallery main{max-width:1300px}.gallery .hero{grid-template-columns:1.1fr 1fr;gap:50px}.gallery .hero h1{font-size:clamp(48px,6.5vw,84px);line-height:1.3;font-weight:500}.gallery .hero h1 span{color:#efaac2}.gallery .hero img{aspect-ratio:1;object-fit:cover;box-shadow:16px 16px 0 #28384d}.gallery .eyebrow{color:#efaac2}.gallery .button{background:#efaac2;color:#101925;border-radius:0}.gallery .section{border-color:#38465a}.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.art-grid figure{margin:0}.art-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.art-grid figcaption{font-size:16px;margin-top:14px}.gallery .about-copy{max-width:760px;font-size:19px}.gallery .contact input,.gallery .contact textarea{background:#1b293b;border-color:#526479;color:#fff}.gallery .contact input::placeholder,.gallery .contact textarea::placeholder{color:#c6d2e2}@media(max-width:760px){header{flex-wrap:wrap;padding:20px}nav{gap:16px}main{padding:0 20px}.hero,.salon .hero,.gallery .hero{grid-template-columns:1fr;gap:30px;padding:30px 0 45px}.lesson .hero{padding:26px 22px}.hero img{max-width:540px;margin:auto}.cards,.art-grid{grid-template-columns:1fr}.section{padding:40px 0}.details{grid-template-columns:105px 1fr}.gallery .hero h1{font-size:52px}.salon .hero img{max-width:420px;aspect-ratio:1}.art-grid{max-width:600px;margin:auto}}
/* Interactive examples: responsive navigation, tabs, slides, and portfolio. */
[hidden]{display:none!important}body{padding-bottom:90px}section[id]{scroll-margin-top:110px}header{position:sticky;top:0;z-index:20;background:rgba(245,251,253,.96);border-bottom:1px solid #abc6cd;backdrop-filter:blur(10px)}.salon header{background:rgba(252,247,241,.97);border-color:#dfcdbc}.gallery header{background:rgba(16,25,37,.97);border-color:#38465a}.menu-toggle{display:none;font:inherit;font-size:16px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:8px;padding:7px 12px;cursor:pointer}.floating-action{position:fixed;right:24px;bottom:20px;z-index:30;box-shadow:0 5px 18px #0003;margin:0}.demo-tabs{margin-top:25px}.demo-tablist{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.demo-tablist button,.work-filters button{font:inherit;font-size:16px;background:transparent;color:inherit;border:1px solid currentColor;padding:10px 16px;border-radius:10px;cursor:pointer}.demo-tablist button[aria-selected=true],.work-filters button[aria-pressed=true]{background:#087ea0;color:white;border-color:#087ea0;font-weight:700}.tab-panel{background:#fff;border:1px solid #abc6cd;border-radius:16px;padding:28px}.tab-panel p{max-width:800px}.salon .demo-tablist button{border-radius:0;border-color:#bda596}.salon .demo-tablist button[aria-selected=true]{background:#70554b;border-color:#70554b}.salon .tab-panel{background:#fffaf5;border-color:#dfcdbc;border-radius:0}.demo-slider{margin:0;min-width:0}.demo-slider .demo-slide{margin:0}.slide-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.slide-controls button{font:inherit;font-size:15px;background:transparent;color:inherit;border:1px solid currentColor;padding:7px 12px;cursor:pointer;border-radius:6px}.slide-status{font-size:15px;min-width:45px;text-align:center}.gallery .banner-hero{display:block;margin:15px 0 0;padding:0;position:relative}.gallery .banner-hero picture{display:block}.gallery .banner-hero img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:auto;object-fit:contain;box-shadow:none;margin:0}.gallery .banner-summary{padding:24px 0 34px;display:flex;justify-content:space-between;align-items:center;gap:24px}.gallery .banner-summary p{font-size:18px}.gallery .banner-summary .button{margin:0;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.work-filters{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 10px}.gallery .work-filters button[aria-pressed=true]{background:#efaac2;color:#101925;border-color:#efaac2}.work-count{font-size:15px;margin-bottom:22px}.work-open{background:transparent;color:inherit;border:0;padding:0;width:100%;display:block;cursor:zoom-in}.work-open img{transition:transform .25s}.work-open:hover img{transform:scale(1.015)}.lightbox-open{overflow:hidden}#work-lightbox{border:0;padding:20px;border-radius:12px;background:#152235;color:#fff;max-width:94vw;max-height:94dvh;width:min(1000px,94vw)}#work-lightbox::backdrop{background:#000d}#work-lightbox figure{margin:0;text-align:center}#work-lightbox img{display:block;max-width:100%;max-height:70dvh;width:auto;height:auto;margin:auto}#work-lightbox figcaption{padding:12px;font-size:16px}.lightbox-controls{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.lightbox-controls button{font:inherit;font-size:16px;padding:9px 18px;border:0;border-radius:8px;cursor:pointer}.reveal-ready{opacity:0;transform:translateY(16px);transition:opacity .55s,transform .55s}.reveal-ready.is-visible{opacity:1;transform:none}@media(max-width:760px){header{gap:12px}.menu-toggle{display:block}header nav{display:none;width:100%;padding:8px 0 0}header nav.menu-open{display:flex;flex-direction:column;gap:4px}header nav a{padding:9px 0;font-size:17px}.floating-action{bottom:12px;left:16px;right:16px;text-align:center;padding:15px 20px}.gallery .banner-summary{display:block}.gallery .banner-summary .button{margin-top:14px}.tab-panel{padding:22px}.demo-tablist button{flex:1;font-size:15px;padding:10px}.lesson .hero picture{display:block;max-width:300px;margin:auto}.lesson .hero img{box-shadow:6px 6px 0 #ffe15b}.salon .demo-slider .demo-slide img{width:100%;aspect-ratio:1;object-fit:cover}.gallery .banner-hero{margin-top:0;padding:0}.work-filters button{padding:9px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready{opacity:1;transform:none;transition:none}.work-open img{transition:none}.work-open:hover img{transform:none}}

.salon-access{margin-top:36px}.access-map{display:block;width:100%;height:380px;border:1px solid #dfcdbc;background:#fffaf5}.map-link{font-weight:700;text-underline-offset:4px}@media(max-width:760px){.access-map{height:300px}}

.social-links{display:flex;gap:18px;flex-wrap:wrap;margin:26px 0 20px}.social-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:86px;min-height:94px;padding:12px;text-decoration:none;border:1px solid #abc6cd;border-radius:12px;background:#fff;color:#12353d;transition:transform .2s}.social-link svg{width:30px;height:30px}.social-link span{font-size:14px;font-weight:700}.social-link:hover{transform:translateY(-3px)}.social-instagram svg{color:#bf286b}.social-facebook svg{color:#0866ff}.social-youtube svg{color:#d60000}.salon .social-link{background:#fffaf5;border-color:#dfcdbc}.gallery .social-link{background:#1b293b;border-color:#526479;color:#f4f6ff}.gallery .social-instagram svg{color:#f48fb8}.gallery .social-facebook svg{color:#6daaff}.gallery .social-youtube svg{color:#ff7272}@media(max-width:760px){.social-links{gap:12px}.social-link{min-width:78px;flex:1;max-width:110px}}@media(prefers-reduced-motion:reduce){.social-link{transition:none}.social-link:hover{transform:none}}

.salon-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.salon-menu-card{background:#fff;border:1px solid #dfd3c7;border-radius:18px;overflow:hidden}.salon-menu-card>a{display:block}.salon-menu-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.salon-menu-card>div{padding:22px}.salon-menu-card h3{font-size:21px;margin:0 0 14px}.salon-menu-card p{font-size:16px;line-height:1.8}.menu-detail-link{display:inline-block;color:#725448;font-weight:700;text-underline-offset:5px;margin-top:8px}.salon-menu-details{margin-top:35px}.salon-menu-details article{padding:26px 0;border-top:1px solid #dfd3c7;scroll-margin-top:95px}.salon-menu-details h3{font-size:24px}.salon-menu-card a:focus-visible{outline:3px solid #725448;outline-offset:3px}@media(max-width:760px){.salon-menu-grid{grid-template-columns:1fr}.salon-menu-card img{aspect-ratio:16/9}}

/* Corporate styling for the first template only */
body.business{font-family:Arial,'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;color:#26352b;background:#fff;font-size:16px;line-height:1.8}.business h1,.business h2,.business h3,.business header strong{font-family:inherit;letter-spacing:0;font-weight:700}.business .sample-banner{background:#f3f5ef;color:#53644c;border-bottom:1px solid #dce3d5;font-size:12px}.business header{max-width:1100px;padding:25px 28px;flex-wrap:wrap;gap:20px}.business header strong{color:#527b25;font-size:26px;letter-spacing:.02em}.business header nav{width:100%;gap:0;border-top:1px solid #dbe2d5;border-bottom:1px solid #dbe2d5}.business nav a{flex:1;padding:12px;text-align:center;border-right:1px solid #dbe2d5;font-weight:700;font-size:14px}.business nav a:first-child{background:#658d30;color:#fff}.business nav a:last-child{border:0}.business main{max-width:1100px}.business .hero{position:relative;display:block;border-radius:0;margin:0;padding:60px 42px;min-height:390px;background:#31412c;overflow:hidden;color:#fff}.business .hero>div{position:relative;z-index:1;max-width:580px}.business .hero picture{position:absolute;inset:0}.business .hero picture:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#18331fe6,#18331f80 55%,#18331f00)}.business .hero img{width:100%;height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none}.business .hero h1{font-size:clamp(32px,4vw,48px);line-height:1.4;margin:15px 0}.business .hero p{font-size:16px}.business .eyebrow{color:#587e2e;font-size:12px;letter-spacing:.12em}.business .hero .eyebrow{color:#d9ecbf}.business .button,.business .hero .button{background:#5d822d;color:#fff;border-radius:2px;padding:12px 24px}.business .hero .button{background:#fff;color:#3e6220}.business .section{padding:42px 0;border-color:#e0e5da}.business h2{font-size:28px;border-left:5px solid #6f9637;padding-left:16px}.business .cards{gap:22px}.business .card,.business .card:nth-child(n){border:1px solid #dbe2d5;border-top:4px solid #71983b;background:#fff;border-radius:0;padding:24px}.business .card h3{font-size:20px}.business .demo-tablist button{border-radius:0}.business .demo-tablist button[aria-selected="true"]{background:#5d822d;color:white}.business .tab-panel{border-radius:0;border-color:#dbe2d5;background:#f7f9f4}.business .contact input,.business .contact textarea{border-radius:2px;border-color:#c9d2c2;color:#26352b}.business footer{background:#f2f5ee;border-top:1px solid #dbe2d5;color:#53644c}.business .floating-action{border-radius:2px;background:#5d822d}
@media(max-width:760px){.business header{padding:20px}.business header nav{width:100%}.business .hero{padding:38px 24px;min-height:380px}.business .hero h1{font-size:34px}.business main{padding:0 20px}.business h2{font-size:24px}.business .cards{grid-template-columns:1fr}.business .section{padding:35px 0}}

.business .learning-card{padding:0 0 24px;overflow:hidden}.business .learning-card>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.business .learning-card>h3{margin:20px 22px 12px}.business .learning-card>p{margin:10px 22px}.business-logo{display:flex;gap:12px;align-items:center;text-decoration:none}.business-logo>span:last-child{display:grid;gap:2px}.business-logo small{font-size:12px;color:#53644c}.business-logo-mark{display:flex;gap:4px;align-items:flex-end;height:42px}.business-logo-mark i{display:block;width:11px;background:#557d29;height:23px}.business-logo-mark i:nth-child(2){height:33px;background:#7aa443}.business-logo-mark i:nth-child(3){height:42px;background:#a1c86a}@media(max-width:760px){.business .business-logo strong{font-size:22px}}