/* Art direction and interaction layer — 陶芸室 凪, October 2026. */
:root{--atelier-ease:cubic-bezier(.16,1,.3,1);--copper:#c58e68;--night:#282520;--sample-h:32px}
body{font-size:16px;line-height:2.1}
html{scroll-padding-top:110px}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--copper);transform:scaleX(0);transform-origin:left;z-index:60;pointer-events:none}
.sample-bar{position:relative;z-index:31;font-size:11px}
.site-header{position:absolute;inset:var(--sample-h) 0 auto;height:110px;z-index:30;color:#faf4eb;transition:background .35s,color .35s,box-shadow .35s;isolation:isolate}
.site-header .brand-name,.site-header .brand-en,.site-header .brand-name b{color:inherit}
.site-header .menu-toggle{color:inherit!important}
.banner.style1.atelier-hero>.content{max-width:none;margin:0}
.site-header nav>a:hover{color:#e5b58f}
.site-header nav .nav-trial{border-color:#e6d7c9}
.site-header nav>a::after{background:currentColor;transition:none;transform:scaleX(0);transform-origin:left;width:100%;height:1px;transition:transform .3s var(--atelier-ease)}
.site-header nav>a:hover::after,.site-header nav>a.is-active::after{transform:scaleX(1)}
.site-header.is-scrolled{position:fixed;top:0;height:84px;background:#f4f1ebfa;color:var(--ink);box-shadow:0 8px 30px -20px #24191070}
.site-header.is-scrolled .nav-trial{border-color:var(--ink)}
.site-header.is-scrolled nav>a:hover{color:var(--clay)}
.brand-name{font-size:23px}.brand-name b{font-size:44px}.brand-en{font-size:10px}
.site-header nav{font-size:13px;gap:32px}
.site-header .menu-toggle{color:inherit}
.banner.style1.atelier-hero{height:calc(100svh - var(--sample-h));min-height:760px;max-height:1150px;position:relative;background:var(--night);color:#fff8ef;isolation:isolate;display:block;overflow:hidden}
.banner.style1.atelier-hero>.image{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;z-index:-2;overflow:hidden}
.banner.style1.atelier-hero>.image picture{height:100%;width:100%;display:block}
.banner.style1.atelier-hero>.image img{width:100%;height:112%;object-fit:cover;object-position:62% 50%;filter:saturate(.68) brightness(.75);transform:translateY(var(--hero-parallax,0px)) scale(1.01);will-change:transform}
.atelier-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#17130fba 0%,#1f18166b 40%,#281e180d 80%),linear-gradient(0deg,#1b1715b3,transparent 40%);pointer-events:none}
.banner.style1.atelier-hero>.content{position:relative;padding:172px 7% 135px;width:80%;height:100%;display:flex;justify-content:center;align-items:flex-start;background:none;text-align:left}
.hero-context{display:flex;align-items:center;gap:17px;color:#f4e7d5;font-size:13px;letter-spacing:.13em;margin-bottom:25px}
.hero-rule{width:36px;height:1px;background:var(--copper)}
.hero h1{color:#fff8ef;font-size:clamp(52px,5.1vw,78px);font-weight:400;line-height:1.5;letter-spacing:.06em;margin:0 0 30px;text-shadow:0 5px 22px #21120840}
.title-line{display:block;overflow:clip;padding:0 .12em .08em 0}
.title-line>span{display:block;transform-origin:left bottom}
.hero-description{color:#f5eade;font-size:15px;line-height:2.2;letter-spacing:.11em;margin:0}
.hero .solid-button{display:none}
.hero-small{max-width:none;font-size:11px;color:#d4c1ad;letter-spacing:.04em;margin-top:23px}
.scroll-link{position:absolute;left:7%;bottom:52px;display:flex;align-items:center;gap:16px;color:#efdfd0;font-size:11px;margin:0;letter-spacing:.1em}
.scroll-link svg{width:42px;height:42px;padding:10px;border:1px solid #e9d6c166;border-radius:50%;transition:transform .4s var(--atelier-ease)}
.scroll-link:hover{color:#fff}.scroll-link:hover svg{transform:translateY(5px)}
.photo-caption{display:none}
.hero-bottom{position:absolute;bottom:24px;left:7%;right:5%;display:flex;justify-content:space-between;font-family:Georgia,serif;font-size:9px;letter-spacing:.17em;color:#d3bda8}
.round-invitation{position:absolute;bottom:105px;right:7%;width:168px;height:168px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:50%;background:#f1e6d5;color:var(--ink);text-align:center;box-shadow:0 20px 60px -25px #140e0a80;transition:background .4s,box-shadow .4s;isolation:isolate}
.round-invitation::before{content:'';position:absolute;inset:-10px;border:1px solid #f1e6d56b;border-radius:50%;transition:transform .5s var(--atelier-ease)}
.round-invitation span{font-family:var(--serif);font-size:20px;line-height:1.6;letter-spacing:.06em}
.round-invitation svg{position:absolute;top:29px;right:28px;width:19px;height:19px;transition:transform .4s var(--atelier-ease)}
.round-invitation small{font-size:10px;letter-spacing:.03em}
.round-invitation:hover{background:#d8b08c;color:var(--ink);box-shadow:0 25px 60px -20px #140e0a9c}
.round-invitation:hover::before{transform:scale(1.06)}.round-invitation:hover svg{transform:translate(3px,-3px)}
.quick-guide{position:relative;padding:34px 7%;gap:45px;background:var(--paper);border-bottom-color:var(--line)}
.quick-guide>p{font-size:19px;line-height:1.7;max-width:12em}
.quick-guide dl{gap:48px}.quick-guide dl>div{display:flex;flex-direction:row;align-items:center;gap:16px}
.quick-guide dl svg{width:30px;height:30px;stroke:var(--clay);stroke-width:1.25}
.quick-guide dt{font-size:11px}.quick-guide dd{font-family:Georgia,serif;font-size:30px;line-height:1.4;font-variant-numeric:tabular-nums}.quick-guide dd small{font-family:'Yu Gothic',sans-serif;font-size:11px;margin-left:6px}
.quick-guide>a{width:48px;height:48px;transition:background .25s,color .25s}.quick-guide>a:hover{background:var(--ink);color:var(--paper)}
.about{padding-top:145px;padding-bottom:145px;row-gap:90px;column-gap:90px}
.about h2{font-size:46px;line-height:1.8}.about-copy{font-size:15px;line-height:2.25}.about-copy p+p{margin-top:30px}
.about-heading{padding-bottom:95px}.about-sign{font-size:145px;bottom:6px;right:-20px;opacity:.55;letter-spacing:-.05em}
.studio-mark{position:absolute;bottom:10px;left:0;display:flex;align-items:center;gap:17px;color:var(--muted)}
.studio-mark>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;font:italic 27px Georgia,serif;color:var(--clay)}
.studio-mark i{width:24px;height:1px;background:var(--line)}.studio-mark small{font-size:8px;line-height:1.7;letter-spacing:.1em}
.about-photo{margin-left:0;overflow:visible}.about-photo img{height:485px;object-position:center 45%;filter:saturate(.66);clip-path:inset(0 0 0 0);will-change:clip-path}
.about-photo figcaption{left:auto;right:24px;top:auto;bottom:-32px;writing-mode:horizontal-tb;font-size:12px}
.section-heading h2{font-size:46px}.section-heading>p,.section-heading>div>p{font-size:14px;line-height:2.2}
.lessons{position:relative;padding:110px 0 120px;background:#e8e1d5;overflow:hidden}
.lessons::before{content:'Lesson';position:absolute;right:-30px;top:-70px;pointer-events:none;font:italic 240px Georgia,serif;color:#d1c4b142;letter-spacing:-.04em}
.lessons>.section-shell{position:relative}
.lesson-tabs{position:relative;margin-top:55px;border-color:#beb09e;isolation:isolate}
.lesson-tabs button{display:flex;gap:20px;align-items:center;justify-content:center;padding:25px 20px;color:var(--muted);font-size:16px;background:transparent;z-index:1}
.lesson-tabs button>svg{width:27px;height:27px;stroke-width:1.25}.lesson-tabs button small{display:block;font-size:9px;font-family:Georgia,serif;letter-spacing:.15em;line-height:1.6;margin-top:5px}
.lesson-tabs button[aria-selected=true]{color:var(--paper)}.lesson-tabs button[aria-selected=true]::after{display:none}
.lesson-tabs button[aria-selected=true],.lesson-tabs button[aria-selected=true]:hover{color:var(--paper)!important}
.lesson-tabs button[aria-selected=false],.lesson-tabs button[aria-selected=false]:hover{color:var(--ink)!important}
.lesson-tabs button{max-width:none;flex:1 1 0;min-width:0}
.booking .solid-button{max-width:none}
.tab-ink{position:absolute;inset:0 auto 0 0;width:50%;background:var(--ink);pointer-events:none;z-index:0;transition:transform .45s var(--atelier-ease)}
.lesson-tabs:has(#tab-regular[aria-selected=true]) .tab-ink{transform:translateX(100%)}
.spotlight.style1.lesson-panel{min-height:680px;gap:0}.spotlight.style1.lesson-panel>.image{min-height:590px;margin-top:50px;overflow:hidden}
.spotlight.style1.lesson-panel>.content{padding:70px 0 0 64px}.lesson-panel h3{font-size:38px;margin-bottom:25px}.lesson-panel .content>p{font-size:14px;line-height:2.2}
.lesson-details>div{padding:15px 0;font-size:13px}.lesson-details small{font-size:11px}.lesson-details strong{font-size:34px}.text-link{font-size:13px;padding-bottom:10px}.text-link svg{transition:transform .3s var(--atelier-ease)}.text-link:hover svg{transform:translate(4px,-4px)}
.gallery-section{position:relative;background:var(--night);padding:115px 0 70px;color:#f2e7d8;overflow:hidden}
.gallery-section h2{color:#f5eddf;font-size:46px}.gallery-section .section-heading{margin-bottom:65px}.gallery-section .section-heading>div>p{color:#d4c5b3}.gallery-hint{color:#b9a794;font-size:11px}
.gallery-window{overflow:visible}.gallery.style2.gallery-rail{width:calc(100% - 140px);margin-left:70px;margin-right:70px;grid-template-columns:1fr 1.14fr .88fr;gap:40px;transform:translateX(var(--gallery-drift,0px))}
.gallery-rail figure:nth-child(2){padding-top:75px}.gallery-rail figure:nth-child(3){padding-top:145px}.gallery-rail img{height:440px;filter:saturate(.65) brightness(.94);transition:transform .8s var(--atelier-ease),filter .6s}
.gallery-rail button:hover img{transform:scale(1.055);filter:saturate(.85) brightness(1.02)}
.gallery.style2.gallery-rail figcaption{color:#e2d2bf;font-size:13px;line-height:1.9;padding-top:20px}
.zoom-mark{width:50px;height:50px;background:#f4eee3;bottom:18px;right:18px;transition:transform .4s var(--atelier-ease),background .3s}.zoom-mark svg{width:20px;height:20px}
.gallery-rail button:hover .zoom-mark{transform:scale(1.08);background:#d9ad88}
.gallery-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:55px;padding-bottom:25px;border-bottom:1px solid #766552}
.gallery-navigation>span{display:flex;gap:12px;align-items:center;font-size:11px;color:#d5c2ac}.gallery-navigation>span svg{width:23px}
.gallery-navigation>div{display:flex;gap:12px}.gallery-navigation button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #aa9278;border-radius:50%;background:none;color:#f4e8d7;transition:background .25s,color .25s;line-height:1}
.gallery-navigation button:hover{background:#e1c1a3;color:var(--ink)}.gallery-navigation button svg{width:21px}.gallery-navigation button:disabled{opacity:.35;cursor:default}
.gallery-navigation button:hover{color:var(--ink)!important}
.photo-disclosure{font-size:11px;color:#bdad9b;margin-top:22px}
.studio{padding-top:135px;padding-bottom:130px;gap:95px}.studio-copy>p{font-size:14px;line-height:2.3}.studio h2{font-size:46px}.studio .teacher{font-size:13px}.teacher span{font-size:25px}.teacher small{font-size:11px}
.access-title{display:flex;align-items:center;gap:12px}.access-title svg{width:22px;height:22px;stroke:var(--clay)}.access-list>div{font-size:13px;grid-template-columns:70px 1fr;padding:15px 0}.access-list small{font-size:11px}.studio figcaption{font-size:12px}
.questions{padding-top:90px;padding-bottom:125px}.questions h2{font-size:36px}.question-list summary{font-size:14px;padding-right:44px}.question-list details p{font-size:13px;padding-right:25px}.question-list summary::after{display:none}
.question-icon{position:absolute;right:0;top:0;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;transition:background .25s,transform .35s var(--atelier-ease)}.question-icon svg{width:15px;height:15px}.question-list [open] .question-icon{transform:rotate(45deg);background:var(--ink);color:var(--paper)}
.trial{position:relative;padding:115px 0;background:#3c2f27;overflow:hidden}.trial::after{content:'nagi.';position:absolute;left:-30px;bottom:-65px;font:italic 290px Georgia,serif;color:#bba2870a;line-height:1;pointer-events:none}.trial-layout{position:relative;z-index:1}.trial h2{font-size:54px}.trial-copy>p{font-size:15px}.trial-steps{margin-top:40px}.trial-steps li{gap:18px;font-size:14px;margin:22px 0}.trial-steps li::before{display:none}.trial-steps svg{width:34px;height:34px;padding:6px;border:1px solid #a68d72;border-radius:50%;color:#e4bc97}.trial-copy p.trial-small{font-size:13px;line-height:2.1}
.booking{padding:44px 40px;background:#f5f0e7;box-shadow:0 25px 60px -35px #100b0780}.booking h3{display:flex;align-items:center;gap:14px;font-size:21px}.booking h3 svg{width:26px;height:26px;stroke:var(--clay)}.demo-note{font-size:12px;line-height:1.9}.booking label{font-size:13px}.booking select{height:53px;font-size:13px;background:#fffcf7;border-color:#c5b5a2;transition:border-color .25s,background .25s}.booking select:hover{border-color:var(--clay);background:#fff}.booking-total{font-size:13px}.booking-total output{font-size:32px}.booking-total small{font-size:11px}.booking .solid-button{font-size:14px;min-height:60px}.booking-privacy{font-size:11px}.booking-result{font-size:13px}
.solid-button{position:relative;overflow:hidden;isolation:isolate}.solid-button::before{content:'';position:absolute;inset:0;background:var(--clay);z-index:-1;transform:translateY(101%);transition:transform .45s var(--atelier-ease)}.solid-button:hover::before{transform:translateY(0)}.solid-button svg{transition:transform .35s var(--atelier-ease)}.solid-button:hover svg{transform:translate(4px,-4px)}
.site-footer{padding-top:75px}.footer-top>p{font-size:20px}.footer-notes{font-size:11px}.back-top{font-size:12px}
.floating-trial{position:fixed;bottom:26px;right:28px;display:flex;align-items:center;gap:17px;padding:16px 22px;background:var(--ink);color:var(--paper);border-radius:3px;box-shadow:0 12px 32px -16px #23160b80;z-index:25;opacity:0;visibility:hidden;transform:translateY(15px);transition:transform .35s var(--atelier-ease),opacity .3s,visibility .3s,background .25s;font-size:13px;line-height:1.5}
.floating-trial small{display:block;font-size:10px;color:#d5bba2;margin-top:4px}.floating-trial svg{width:22px;height:22px}.floating-trial.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.floating-trial:hover{background:var(--clay);color:#fff}
dialog{background:#ede5d7;box-shadow:0 35px 100px -20px #100b099c}dialog::backdrop{background:#1c1712e6;backdrop-filter:blur(6px)}.dialog-close{font-size:13px}dialog p{font-size:14px}
@media(min-width:1001px){.gallery-section{padding-bottom:70px}.gallery-window{width:100%;overflow:hidden}.gallery.style2.gallery-rail{display:flex;width:max-content;gap:55px;margin-inline:calc((100vw - min(1160px,100vw - 112px))/2);transition:transform .8s var(--atelier-ease)}.gallery-rail figure{width:390px;flex:0 0 390px}.gallery-rail figure:nth-child(2){width:430px;flex-basis:430px}.gallery-rail img{height:475px}.gallery-rail figure:nth-child(3){padding-top:35px}}
@media(max-width:1100px){.site-header nav{gap:22px;font-size:12px}.quick-guide{gap:25px;padding-inline:5%}.quick-guide dl{gap:30px}.quick-guide>p{font-size:17px}.quick-guide dd{font-size:25px}.quick-guide dl svg{width:25px}.about{column-gap:50px}.about h2,.section-heading h2,.studio h2,.gallery-section h2{font-size:40px}.about-copy{font-size:14px}.spotlight.style1.lesson-panel>.content{padding-left:40px}.lesson-details>div{grid-template-columns:95px 1fr;font-size:12px}.gallery.style2.gallery-rail{gap:25px}.studio{gap:50px}.round-invitation{right:7%;width:155px;height:155px}}
@media(max-width:850px){.site-header nav>a:not(.nav-trial){display:none}.quick-guide>p{display:none}.quick-guide dl{justify-content:space-between;flex:1}.about h2,.section-heading h2,.studio h2,.gallery-section h2{font-size:35px}.about-sign{font-size:110px;right:0}.spotlight.style1.lesson-panel>.content{padding-left:28px}.lesson-panel h3{font-size:31px}.lesson-tabs button{font-size:14px}.lesson-details>div{grid-template-columns:76px 1fr}.gallery-rail img{height:330px}.gallery.style2.gallery-rail{width:calc(100% - 70px);margin-inline:35px}.studio figure img{height:680px}.booking{padding:30px}.trial h2{font-size:44px}}
@media(max-width:736px){:root{--sample-h:50px}.sample-bar{font-size:9px;min-height:44px}.site-header{inset:var(--sample-h) 0 auto;height:88px;padding-inline:24px}.site-header.is-scrolled{height:72px}.brand-name{font-size:17px}.brand-name b{font-size:33px}.brand-en{font-size:8px}.site-header nav{top:88px;background:#f4f1b;box-shadow:none;color:var(--ink);border-color:#c5b19b}.site-header.is-scrolled nav{top:72px}.site-header nav.is-open{background:var(--paper);padding:22px 26px 30px}.site-header nav.is-open>a{font-size:14px;padding:13px 0}.site-header nav.is-open .nav-trial{color:var(--ink);border-color:var(--ink)}.menu-toggle{font-size:11px;padding:12px 0}.menu-toggle svg{width:23px}.banner.style1.atelier-hero{height:calc(100svh - var(--sample-h));min-height:730px;max-height:1000px;display:block}.banner.style1.atelier-hero>.content{width:100%;padding:135px 26px 170px;display:flex;justify-content:center;text-align:left}.banner.style1.atelier-hero>.image{inset:0;width:100%;height:100%;min-height:0;margin:0}.banner.style1.atelier-hero>.image img{height:110%;object-position:58% center;filter:saturate(.65) brightness(.67)}.atelier-hero::before{background:linear-gradient(90deg,#1b130f9c,#20160f20),linear-gradient(0deg,#1b130fd9,transparent 60%)}.hero-context{font-size:11px;letter-spacing:.05em;gap:12px;margin-bottom:24px}.hero-rule{width:24px}.hero h1{font-size:50px;line-height:1.55;letter-spacing:.025em;margin-bottom:25px}.hero-description{font-size:13px;line-height:2.2;letter-spacing:.07em}.hero-small{font-size:10px;line-height:1.9;max-width:22ch;margin-top:21px;color:#e1d1bf}.round-invitation{right:27px;bottom:77px;width:116px;height:116px;gap:5px}.round-invitation::before{inset:-6px}.round-invitation span{font-size:16px;line-height:1.5}.round-invitation small{font-size:8px}.round-invitation svg{top:15px;right:13px;width:16px;height:16px}.scroll-link{left:26px;bottom:91px;gap:10px;max-width:130px;font-size:9px;line-height:1.9}.scroll-link svg{width:34px;height:34px;padding:8px}.scroll-link span{max-width:7em}.hero-bottom{left:26px;right:26px;bottom:25px;font-size:7px;letter-spacing:.09em;gap:15px}.hero-bottom span:last-child{font-size:6px}.quick-guide{padding:25px 22px;gap:12px}.quick-guide dl{gap:14px}.quick-guide dl>div{flex-direction:column;align-items:flex-start;gap:8px}.quick-guide dl svg{width:23px;height:23px}.quick-guide dt{font-size:9px}.quick-guide dd{font-size:22px;margin-top:4px}.quick-guide dd small{font-size:9px;margin-left:4px}.quick-guide>a{display:none}.about{padding-top:85px;padding-bottom:80px}.about h2{font-size:33px;line-height:1.8}.about-heading{padding-bottom:74px}.about-sign{font-size:110px;right:0;bottom:0}.studio-mark{bottom:0;gap:10px}.studio-mark>span{width:35px;height:35px;font-size:23px}.studio-mark small{font-size:6px}.studio-mark i{width:15px}.about-copy{padding-top:32px;font-size:14px;line-height:2.25}.about-copy p+p{margin-top:24px}.about-photo{margin:38px 0 15px}.about-photo img{height:285px}.about-photo figcaption{right:0;left:auto;bottom:-27px;font-size:10px}.lessons{padding:75px 0 80px}.lessons::before{font-size:150px;right:-20px;top:-35px}.section-heading h2{font-size:33px}.section-heading>p,.section-heading>div>p{font-size:13px}.lesson-tabs{margin-top:30px}.lesson-tabs button{padding:20px 8px;font-size:12px;gap:8px;line-height:1.7}.lesson-tabs button>svg{width:21px;height:21px;flex-shrink:0}.lesson-tabs button small{font-size:7px;letter-spacing:.08em}.spotlight.style1.lesson-panel{min-height:0}.spotlight.style1.lesson-panel>.image{min-height:0;height:325px;margin-top:28px}.spotlight.style1.lesson-panel>.content{padding:28px 0 0}.lesson-panel h3{font-size:31px}.lesson-panel .content>p{font-size:14px;line-height:2.15}.lesson-details>div{font-size:12px;grid-template-columns:90px 1fr;gap:10px;padding:14px 0}.lesson-details small{font-size:10px}.lesson-details strong{font-size:31px}.text-link{font-size:13px}.gallery-section{padding:80px 0 48px}.gallery-section h2{font-size:34px}.gallery-section .section-heading{margin-bottom:38px}.gallery-hint{font-size:10px}.gallery.style2.gallery-rail{display:flex;width:100%;padding:0 22px;gap:18px;margin:0;transform:none!important;scroll-snap-type:x mandatory;overflow-x:auto;scrollbar-width:none}.gallery-rail figure{width:79%;flex:0 0 79%}.gallery-rail figure:nth-child(2),.gallery-rail figure:nth-child(3){padding-top:0}.gallery-rail img{height:385px}.gallery.style2.gallery-rail figcaption{font-size:12px;padding-top:16px}.zoom-mark{width:43px;height:43px;bottom:14px;right:14px}.gallery-navigation{margin-top:30px;padding-bottom:18px}.gallery-navigation>span{font-size:10px;gap:9px}.gallery-navigation button{width:40px;height:40px}.gallery-navigation>div{gap:9px}.photo-disclosure{font-size:10px;line-height:2}.studio{padding-top:80px;padding-bottom:75px;gap:35px}.studio h2{font-size:34px}.studio-copy>p{font-size:14px}.studio .teacher{font-size:12px}.teacher small{font-size:10px}.access-list>div{font-size:12px}.access-list small{font-size:10px}.studio figure img{height:460px}.studio figcaption{font-size:11px}.questions{padding-top:65px;padding-bottom:75px}.questions h2{font-size:32px}.question-list summary{font-size:13px;line-height:2}.question-list details p{font-size:13px;padding-right:0}.trial{padding:75px 0 80px}.trial h2{font-size:44px}.trial-copy>p{font-size:14px}.trial-steps li{font-size:13px;gap:15px;margin-block:19px}.trial-copy p.trial-small{font-size:12px}.trial::after{font-size:210px;bottom:-30px}.booking{padding:28px 22px;margin-top:40px}.booking h3{font-size:19px;gap:12px}.booking h3 svg{width:23px;height:23px}.booking select{font-size:12px}.booking .solid-button{font-size:13px}.booking-total output{font-size:29px}.booking-privacy{font-size:10px}.site-footer{padding-top:50px;padding-bottom:100px}.footer-top>p{font-size:14px}.footer-notes{font-size:10px}.floating-trial{bottom:15px;right:15px;left:15px;justify-content:space-between;padding:12px 20px;border:1px solid #cbb59b;font-size:13px}.floating-trial>span{flex:1;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.floating-trial small{font-size:10px;margin:0}.floating-trial>svg:first-child{width:21px}dialog p{font-size:12px}}
@media(max-width:359px){.hero h1{font-size:43px}.hero-context{font-size:10px}.hero-description{font-size:12px}.hero-small{max-width:18ch}.round-invitation{width:105px;height:105px;right:24px}.round-invitation span{font-size:14px}.round-invitation svg{top:13px;right:11px;width:14px}.quick-guide dd{font-size:20px}.quick-guide dt{font-size:8px}.about h2{font-size:30px}.about-sign{font-size:95px}.studio-mark small{font-size:5px}.lesson-tabs button{font-size:11px;gap:6px}.lesson-tabs button>svg{width:18px}.lesson-details>div{grid-template-columns:79px 1fr;gap:7px}.gallery-navigation>span{font-size:9px}.gallery-navigation>span svg{width:18px}.booking{padding-inline:18px}.booking select{font-size:11px}.floating-trial>span{gap:8px}.floating-trial small{font-size:9px}}
@media(max-width:736px){.site-header nav.is-open>a:not(.nav-trial){display:block}}
@media(prefers-reduced-motion:reduce){.banner.style1.atelier-hero>.image img{height:100%;transform:none!important;will-change:auto}.about-photo img{will-change:auto}.gallery.style2.gallery-rail{transition:none!important}.reading-progress{display:none}*,*::before,*::after{scroll-behavior:auto!important}.floating-trial{transition:opacity .1s!important}.solid-button::before{display:none}}